Game

#dbd0bd

#fcfaff

#ff670b

#0C5445

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Green

Orange

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#dbd0bd	rgb(219, 208, 189)	hsl(38 29% 80%)	oklab(86% 0 0.03)	oklch(86% 0.03 81)	color(display-p3 0.85 0.82 0.75)
	#fcfaff	rgb(252, 250, 255)	hsl(260 100% 99%)	oklab(99% 0 -0.01)	oklch(99% 0.01 300)	color(display-p3 0.99 0.98 1)
	#ff670b	rgb(255, 103, 11)	hsl(23 100% 52%)	oklab(70% 0.15 0.14)	oklch(70% 0.2 43)	color(display-p3 0.93 0.44 0.19)
	#0c5445	rgb(12, 84, 69)	hsl(170 75% 19%)	oklab(40% -0.07 0.01)	oklch(40% 0.07 170)	color(display-p3 0.15 0.32 0.27)

 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.

#dbd0bd

AA - 1.52



#fcfaff

AA - 1.03



#ff670b

AA - 2.91



#0C5445

AAA - 8.86



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(86.1% 0.004 0.028), oklab(98.8% 0.004 -0.006), oklab(69.7% 0.148 0.139), oklab(40% -0.071 0.007))

Fallback colors



background: linear-gradient(45deg, #dbd0bd, #fcfaff, #ff670b, #0C5445)

Colors



<!-- Primary Colors -->
<color name="game_color_10">#dbd0bd</color>
<color name="game_color_20">#fcfaff</color>
<color name="game_color_30">#ff670b</color>
<color name="game_color_40">#0C5445</color>

PWA prompt