Game | Colorffy

#dbd0bd

#fcfaff

#ff670b

#0C5445

#dbd0bd

#fcfaff

#ff670b

#0C5445

Colors overview

White

Green

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#dbd0bd	rgb(219, 208, 189)	hsl(38 29% 80%)	hwb(38 74% 14%)	lch(84 11 81.7)	lab(84 1.59 10.9)	cmyk 0%, 5%, 14%, 14%
	#fcfaff	rgb(252, 250, 255)	hsl(260 100% 99%)	hwb(260 98% 0%)	lch(98.5 2.54 302)	lab(98.5 1.34 -2.15)	cmyk 1%, 2%, 0%, 0%
	#ff670b	rgb(255, 103, 11)	hsl(23 100% 52%)	hwb(23 4.3% 0%)	lch(63.3 90.8 51.4)	lab(63.3 56.7 70.9)	cmyk 0%, 60%, 96%, 0%
	#0c5445	rgb(12, 84, 69)	hsl(170 75% 19%)	hwb(170 4.7% 67%)	lch(31.3 25.2 174)	lab(31.3 -25 2.47)	cmyk 86%, 0%, 18%, 67%

 Click a color format to copy 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 space

HDR oklab colors New



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 New



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

Colors



<resources>
    <color name="game_100">#dbd0bd</color>
    <color name="game_200">#fcfaff</color>
    <color name="game_300">#ff670b</color>
    <color name="game_400">#0C5445</color>
</resources>

PWA prompt