Calma

#B8860B

#DAA520

#EEE8AA

#90EE90

#228B22

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#b8860b	rgb(184, 134, 11)	hsl(43 89% 38%)	oklab(65% 0.02 0.13)	oklch(65% 0.13 82)	color(display-p3 0.69 0.53 0.18)
	#daa520	rgb(218, 165, 32)	hsl(43 74% 49%)	oklab(75% 0.02 0.15)	oklch(75% 0.15 84)	color(display-p3 0.82 0.66 0.25)
	#eee8aa	rgb(238, 232, 170)	hsl(55 67% 80%)	oklab(92% -0.02 0.08)	oklch(92% 0.08 100)	color(display-p3 0.93 0.91 0.69)
	#90ee90	rgb(144, 238, 144)	hsl(120 73% 75%)	oklab(87% -0.13 0.09)	oklch(87% 0.16 140)	color(display-p3 0.65 0.92 0.6)
	#228b22	rgb(34, 139, 34)	hsl(120 61% 34%)	oklab(56% -0.13 0.1)	oklch(56% 0.17 140)	color(display-p3 0.27 0.54 0.2)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#B8860B

AA - 3.25



#DAA520

AA - 2.23



#EEE8AA

AA - 1.25



#90EE90

AA - 1.41



#228B22

AA - 4.38



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(65.2% 0.019 0.131), oklab(75.2% 0.015 0.146), oklab(92.1% -0.018 0.078), oklab(86.8% -0.126 0.091), oklab(55.8% -0.135 0.102))

Fallback colors



background: linear-gradient(45deg, #B8860B, #DAA520, #EEE8AA, #90EE90, #228B22)

Colors



<!-- Primary Colors -->
<color name="calma_color_10">#B8860B</color>
<color name="calma_color_20">#DAA520</color>
<color name="calma_color_30">#EEE8AA</color>
<color name="calma_color_40">#90EE90</color>
<color name="calma_color_50">#228B22</color>

PWA prompt