#dbd0bd
#fcfaff
#ff670b
#0C5445
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 | Actions |
---|---|---|---|---|---|---|---|
ī½ | #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.
PWA prompt