Olive Room Color Palette

#616033

#A1A396

#CED3C2

#EED3B7

#F8E8CF

#616033

#A1A396

#CED3C2

#EED3B7

#F8E8CF

Colors overview

Green

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#616033	rgb(97, 96, 51)	hsl(59 31% 29%)	hwb(59 20% 62%)	lch(40 26.2 101)	lab(40 -4.94 25.7)	cmyk 0%, 1%, 47%, 62%
	#a1a396	rgb(161, 163, 150)	hsl(69 6.6% 61%)	hwb(69 59% 36%)	lch(66.5 6.99 111)	lab(66.5 -2.53 6.52)	cmyk 1%, 0%, 8%, 36%
	#ced3c2	rgb(206, 211, 194)	hsl(78 16% 79%)	hwb(78 76% 17%)	lch(83.8 8.8 117)	lab(83.8 -4.02 7.83)	cmyk 2%, 0%, 8%, 17%
	#eed3b7	rgb(238, 211, 183)	hsl(31 62% 83%)	hwb(31 72% 6.7%)	lch(86.3 18.7 69.4)	lab(86.3 6.58 17.5)	cmyk 0%, 11%, 23%, 7%
	#f8e8cf	rgb(248, 232, 207)	hsl(37 75% 89%)	hwb(37 81% 2.7%)	lch(92.8 14.5 79.4)	lab(92.8 2.68 14.3)	cmyk 0%, 6%, 17%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#616033

AA - 6.5



#A1A396

AA - 2.56



#CED3C2

AA - 1.53



#EED3B7

AA - 1.43



#F8E8CF

AA - 1.2



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(47.9% -0.019 0.062), oklab(71% -0.008 0.017), oklab(85.8% -0.012 0.02), oklab(88.2% 0.018 0.045), oklab(93.7% 0.007 0.037))

Fallback colors



background: linear-gradient(45deg, #616033, #A1A396, #CED3C2, #EED3B7, #F8E8CF)

Colors



<!-- Primary Colors -->
<color name="olive_room_color_10">#616033</color>
<color name="olive_room_color_20">#A1A396</color>
<color name="olive_room_color_30">#CED3C2</color>
<color name="olive_room_color_40">#EED3B7</color>
<color name="olive_room_color_50">#F8E8CF</color>

PWA prompt