Calm

#807DBA

#91AFB6

#D6D3CD

#C4C3C5

#605C6C

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Cyan

White

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#807dba	rgb(128, 125, 186)	hsl(240 31% 61%)	hwb(240 49% 27%)	lch(54.5 34.1 291)	lab(54.5 12 -32)	cmyk 31%, 33%, 0%, 27%
	#91afb6	rgb(145, 175, 182)	hsl(190 20% 64%)	hwb(190 57% 29%)	lch(69.4 11.9 217)	lab(69.4 -9.47 -7.2)	cmyk 20%, 4%, 0%, 29%
	#d6d3cd	rgb(214, 211, 205)	hsl(40 9.9% 82%)	hwb(40 80% 16%)	lch(84.7 3.37 85.3)	lab(84.7 0.275 3.36)	cmyk 0%, 1%, 4%, 16%
	#c4c3c5	rgb(196, 195, 197)	hsl(270 1.7% 77%)	hwb(270 76% 23%)	lch(78.9 1.08 306)	lab(78.9 0.634 -0.878)	cmyk 1%, 1%, 0%, 23%
	#605c6c	rgb(96, 92, 108)	hsl(260 8% 39%)	hwb(260 36% 58%)	lch(39.9 9.56 297)	lab(39.9 4.27 -8.56)	cmyk 11%, 15%, 0%, 58%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#807DBA

AA - 3.77



#91AFB6

AA - 2.33



#D6D3CD

AA - 1.49



#C4C3C5

AA - 1.75



#605C6C

AA - 6.47



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(61.7% 0.025 -0.088), oklab(73.4% -0.029 -0.019), oklab(86.8% 0.001 0.009), oklab(81.9% 0.002 -0.002), oklab(48.4% 0.012 -0.023))

Fallback colors



background: linear-gradient(45deg, #807DBA, #91AFB6, #D6D3CD, #C4C3C5, #605C6C)

Colors



<!-- Primary Colors -->
<color name="calm_color_10">#807DBA</color>
<color name="calm_color_20">#91AFB6</color>
<color name="calm_color_30">#D6D3CD</color>
<color name="calm_color_40">#C4C3C5</color>
<color name="calm_color_50">#605C6C</color>

PWA prompt