#f6552d
#fa9078
#fcb9a9
#75e2fa
#2ed1f7
Playful
#f6552d
#fa9078
#fcb9a9
#75e2fa
#2ed1f7
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
Orange
Cyan
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #f6552d | rgb(246, 85, 45) | hsl(12 92% 57%) | hwb(12 18% 3.5%) | lch(59.1 83.2 42.6) | lab(59.1 61.2 56.4) | cmyk 0%, 65%, 82%, 4% | |
| #fa9078 | rgb(250, 144, 120) | hsl(11 93% 73%) | hwb(11 47% 2%) | lch(71.1 50.1 38.3) | lab(71.1 39.3 31.1) | cmyk 0%, 42%, 52%, 2% | |
| #fcb9a9 | rgb(252, 185, 169) | hsl(12 93% 83%) | hwb(12 66% 1.2%) | lch(81.2 29.7 37.8) | lab(81.2 23.4 18.2) | cmyk 0%, 27%, 33%, 1% | |
| #75e2fa | rgb(117, 226, 250) | hsl(190 93% 72%) | hwb(190 46% 2%) | lch(84.1 35.5 218) | lab(84.1 -27.9 -21.9) | cmyk 53%, 10%, 0%, 2% | |
| #2ed1f7 | rgb(46, 209, 247) | hsl(190 93% 57%) | hwb(190 18% 3.1%) | lch(77.3 44.5 224) | lab(77.3 -32 -30.9) | cmyk 81%, 15%, 0%, 3% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#f6552d
AA - 3.35
#fa9078
AA - 2.25
#fcb9a9
AA - 1.65
#75e2fa
AA - 1.49
#2ed1f7
AA - 1.81
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