#0A0C0B
#4F514E
#E9E3D7
#EAF4F3
#46707C
Lawliet
#0A0C0B
#4F514E
#E9E3D7
#EAF4F3
#46707C
Actions
Explore the palette in different formats, and actions.
Colors overview
Black
Grey
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #0a0c0b | rgb(10, 12, 11) | hsl(150 9.1% 4.3%) | oklab(15% 0 0) | oklch(15% 0 160) | color(display-p3 0.04 0.05 0.04) | |
| | #4f514e | rgb(79, 81, 78) | hsl(100 1.9% 31%) | oklab(43% 0 0) | oklch(43% 0.01 130) | color(display-p3 0.31 0.32 0.31) | |
| | #e9e3d7 | rgb(233, 227, 215) | hsl(40 29% 88%) | oklab(92% 0 0.02) | oklch(92% 0.02 85) | color(display-p3 0.91 0.89 0.85) | |
| | #eaf4f3 | rgb(234, 244, 243) | hsl(170 31% 94%) | oklab(96% -0.01 0) | oklch(96% 0.01 190) | color(display-p3 0.92 0.96 0.95) | |
| | #46707c | rgb(70, 112, 124) | hsl(190 28% 38%) | oklab(52% -0.04 -0.03) | oklch(52% 0.05 220) | color(display-p3 0.31 0.43 0.48) |
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.
#0A0C0B
AAA - 19.62
#4F514E
AAA - 8.01
#E9E3D7
AA - 1.27
#EAF4F3
AA - 1.12
#46707C
AA - 5.42
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