#11193e
#2a347a
#f1dba0
#b78c3e
2025
#11193e
#2a347a
#f1dba0
#b78c3e
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #11193e | rgb(17, 25, 62) | hsl(230 57% 15%) | hwb(230 6.7% 76%) | lch(9.9 26.5 287) | lab(9.9 7.59 -25.4) | cmyk 73%, 60%, 0%, 76% | |
| #2a347a | rgb(42, 52, 122) | hsl(230 49% 32%) | hwb(230 16% 52%) | lch(24.2 44.6 289) | lab(24.2 14.7 -42.1) | cmyk 66%, 57%, 0%, 52% | |
| #f1dba0 | rgb(241, 219, 160) | hsl(44 74% 79%) | hwb(44 63% 5.5%) | lch(88.2 32 87) | lab(88.2 1.65 32) | cmyk 0%, 9%, 34%, 5% | |
| #b78c3e | rgb(183, 140, 62) | hsl(39 49% 48%) | hwb(39 24% 28%) | lch(61.3 48.2 77) | lab(61.3 10.8 47) | cmyk 0%, 23%, 66%, 28% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#11193e
AAA - 17.03
#2a347a
AAA - 11.22
#f1dba0
AA - 1.36
#b78c3e
AA - 3.07
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