#2bcfde
#dbc839
#e89c6d
#d4631e
#8c2d24
October
#2bcfde
#dbc839
#e89c6d
#d4631e
#8c2d24
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
Cyan
Yellow
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #2bcfde | rgb(43, 207, 222) | hsl(190 73% 52%) | hwb(190 17% 13%) | lch(75.9 42.4 208) | lab(75.9 -37.6 -19.7) | cmyk 81%, 7%, 0%, 13% | |
| #dbc839 | rgb(219, 200, 57) | hsl(53 69% 54%) | hwb(53 22% 14%) | lch(80.4 69 93.5) | lab(80.4 -4.15 68.9) | cmyk 0%, 9%, 74%, 14% | |
| #e89c6d | rgb(232, 156, 109) | hsl(23 73% 67%) | hwb(23 43% 9%) | lch(71.4 44.7 55) | lab(71.4 25.6 36.6) | cmyk 0%, 33%, 53%, 9% | |
| #d4631e | rgb(212, 99, 30) | hsl(23 75% 47%) | hwb(23 12% 17%) | lch(55.8 71.4 53.1) | lab(55.8 42.9 57.1) | cmyk 0%, 53%, 86%, 17% | |
| #8c2d24 | rgb(140, 45, 36) | hsl(5.2 59% 35%) | hwb(5.2 14% 45%) | lch(33.6 49.8 35.4) | lab(33.6 40.5 28.8) | cmyk 0%, 68%, 74%, 45% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#2bcfde
AA - 1.89
#dbc839
AA - 1.7
#e89c6d
AA - 2.23
#d4631e
AA - 3.74
#8c2d24
AAA - 8.34
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