#0158A7
#0465A7
#48201B
#F28B35
#BF3A03
California
#0158A7
#0465A7
#48201B
#F28B35
#BF3A03
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #0158a7 | rgb(1, 88, 167) | hsl(210 99% 33%) | oklab(46% -0.04 -0.14) | oklch(46% 0.15 250) | color(display-p3 0.14 0.34 0.63) | |
| #0465a7 | rgb(4, 101, 167) | hsl(200 95% 34%) | oklab(49% -0.05 -0.12) | oklch(49% 0.13 250) | color(display-p3 0.17 0.39 0.64) | |
| #48201b | rgb(72, 32, 27) | hsl(6.7 45% 19%) | oklab(30% 0.05 0.03) | oklch(30% 0.06 29) | color(display-p3 0.26 0.13 0.11) | |
| #f28b35 | rgb(242, 139, 53) | hsl(27 88% 58%) | oklab(73% 0.09 0.13) | oklch(73% 0.16 56) | color(display-p3 0.89 0.56 0.29) | |
| #bf3a03 | rgb(191, 58, 3) | hsl(18 97% 38%) | oklab(54% 0.14 0.11) | oklch(54% 0.18 37) | color(display-p3 0.69 0.27 0.12) |
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.
#0158A7
AAA - 7.1
#0465A7
AA - 6.13
#48201B
AAA - 14.01
#F28B35
AA - 2.46
#BF3A03
AA - 5.49
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