#0158A7
#0465A7
#48201B
#F28B35
#BF3A03
California
#0158A7
#0465A7
#48201B
#F28B35
#BF3A03
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Blue
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #0158a7 | rgb(1, 88, 167) | hsl(210 99% 33%) | hwb(210 0.39% 35%) | lch(36.6 49.7 273) | lab(36.6 2.4 -49.6) | cmyk 99%, 47%, 0%, 35% | |
| #0465a7 | rgb(4, 101, 167) | hsl(200 95% 34%) | hwb(200 1.6% 35%) | lch(40.7 43.4 263) | lab(40.7 -5.07 -43.1) | cmyk 98%, 40%, 0%, 35% | |
| #48201b | rgb(72, 32, 27) | hsl(6.7 45% 19%) | hwb(6.7 11% 72%) | lch(18.1 22.9 33.6) | lab(18.1 19.1 12.7) | cmyk 0%, 56%, 63%, 72% | |
| #f28b35 | rgb(242, 139, 53) | hsl(27 88% 58%) | hwb(27 21% 5.1%) | lch(68.4 70.5 59.5) | lab(68.4 35.8 60.7) | cmyk 0%, 43%, 78%, 5% | |
| #bf3a03 | rgb(191, 58, 3) | hsl(18 97% 38%) | hwb(18 1.2% 25%) | lch(45.1 77.2 47.1) | lab(45.1 52.6 56.6) | cmyk 0%, 70%, 98%, 25% |
Click a color format to copy 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