Cadet Tan

#71a0b8

#a3c2d1

#c5d9e2

#d1b2a3

#b88770

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#71a0b8	rgb(113, 160, 184)	hsl(200 33% 58%)	hwb(200 44% 28%)	lch(63.2 21.3 237)	lab(63.2 -11.7 -17.8)	cmyk 39%, 13%, 0%, 28%
	#a3c2d1	rgb(163, 194, 209)	hsl(200 33% 73%)	hwb(200 64% 18%)	lch(76.5 14 233)	lab(76.5 -8.35 -11.2)	cmyk 22%, 7%, 0%, 18%
	#c5d9e2	rgb(197, 217, 226)	hsl(200 33% 83%)	hwb(200 77% 11%)	lch(85.4 8.83 231)	lab(85.4 -5.59 -6.84)	cmyk 13%, 4%, 0%, 11%
	#d1b2a3	rgb(209, 178, 163)	hsl(20 33% 73%)	hwb(20 64% 18%)	lch(75 15.6 50.8)	lab(75 9.84 12.1)	cmyk 0%, 15%, 22%, 18%
	#b88770	rgb(184, 135, 112)	hsl(19 34% 58%)	hwb(19 44% 28%)	lch(60.8 26.4 49.6)	lab(60.8 17.1 20.1)	cmyk 0%, 27%, 39%, 28%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#71a0b8

AA - 2.82



#a3c2d1

AA - 1.87



#c5d9e2

AA - 1.45



#d1b2a3

AA - 1.97



#b88770

AA - 3.11



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(68.1% -0.039 -0.048), oklab(79.6% -0.026 -0.03), oklab(87.3% -0.017 -0.018), oklab(78.7% 0.028 0.031), oklab(66.5% 0.048 0.05))

Fallback colors



background: linear-gradient(45deg, #71a0b8, #a3c2d1, #c5d9e2, #d1b2a3, #b88770)

Colors



<!-- Primary Colors -->
<color name="cadet_tan_color_10">#71a0b8</color>
<color name="cadet_tan_color_20">#a3c2d1</color>
<color name="cadet_tan_color_30">#c5d9e2</color>
<color name="cadet_tan_color_40">#d1b2a3</color>
<color name="cadet_tan_color_50">#b88770</color>

PWA prompt