Sky Orange Color Palette

#af6647

#c9927b

#d8b09f

#7db3ca

#4791b0

#af6647

#c9927b

#d8b09f

#7db3ca

#4791b0

Colors overview

Cyan

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#af6647	rgb(175, 102, 71)	hsl(18 42% 48%)	hwb(18 28% 31%)	lch(51.2 41.5 47.7)	lab(51.2 27.9 30.6)	cmyk 0%, 42%, 59%, 31%
	#c9927b	rgb(201, 146, 123)	hsl(18 42% 64%)	hwb(18 48% 21%)	lch(65.6 28.4 47.3)	lab(65.6 19.2 20.8)	cmyk 0%, 27%, 39%, 21%
	#d8b09f	rgb(216, 176, 159)	hsl(18 42% 74%)	hwb(18 62% 15%)	lch(75.1 19.6 47.8)	lab(75.1 13.1 14.5)	cmyk 0%, 19%, 26%, 15%
	#7db3ca	rgb(125, 179, 202)	hsl(200 42% 64%)	hwb(200 49% 21%)	lch(69.8 22.5 232)	lab(69.8 -14 -17.7)	cmyk 38%, 11%, 0%, 21%
	#4791b0	rgb(71, 145, 176)	hsl(200 43% 48%)	hwb(200 28% 31%)	lch(56.4 29.1 235)	lab(56.4 -16.9 -23.7)	cmyk 60%, 18%, 0%, 31%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#af6647

AA - 4.36



#c9927b

AA - 2.66



#d8b09f

AA - 1.97



#7db3ca

AA - 2.28



#4791b0

AA - 3.53



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(58.5% 0.076 0.072), oklab(70.7% 0.054 0.052), oklab(78.8% 0.038 0.037), oklab(73.7% -0.045 -0.047), oklab(62.2% -0.058 -0.065))

Fallback colors



background: linear-gradient(45deg, #af6647, #c9927b, #d8b09f, #7db3ca, #4791b0)

Colors



<!-- Primary Colors -->
<color name="sky_orange_color_10">#af6647</color>
<color name="sky_orange_color_20">#c9927b</color>
<color name="sky_orange_color_30">#d8b09f</color>
<color name="sky_orange_color_40">#7db3ca</color>
<color name="sky_orange_color_50">#4791b0</color>

PWA prompt