#000000
#1D2B42
#f7e6d3
Solo
#000000
#1D2B42
#f7e6d3
Main Actions
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Black
Blue
sci-fi
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #000 | rgb(0% 0% 0%) | hwb(none 0% 100%) | oklab(0% 0 0) | oklch(0% 0 none) | color(display-p3 0 0 0) | |
| | #1d2b42 | rgb(11.4% 16.9% 25.9%) | hwb(220 11% 74%) | oklab(28.8% -0.008 -0.046) | oklch(28.8% 0.047 260) | color(display-p3 0.125 0.167 0.252) | |
| | #f7e6d3 | rgb(96.9% 90.2% 82.7%) | hwb(32 83% 3.1%) | oklab(93.4% 0.01 0.03) | oklch(93.4% 0.031 70.5) | color(display-p3 0.957 0.904 0.836) |
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.
#000000
AAA - 21
#1D2B42
AAA - 14.22
#f7e6d3
Fail - 1.21
Contrast Level Explanations
Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.
AAA
Perfect ≥ 7:1
Easy to read for everyone, including people with visual impairments.
AA
Good ≥ 4.5:1
Meets standard requirements for most users and situations.
Fail
Poor < 4.5:1
Text may be difficult to read, especially for people with visual challenges.
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 palette in different UI components.
PWA Prompt