#f49a24
#f8bb6d
#fad29e
#24f49a
#9a24f4
Golden Spring
#f49a24
#f8bb6d
#fad29e
#24f49a
#9a24f4
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
Green
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #f49a24 | rgb(244, 154, 36) | hsl(34 90% 55%) | hwb(34 14% 4.3%) | lch(71.8 75.3 67.5) | lab(71.8 28.8 69.6) | cmyk 0%, 37%, 85%, 4% | |
| #f8bb6d | rgb(248, 187, 109) | hsl(34 91% 70%) | hwb(34 43% 2.7%) | lch(80.4 50.8 71) | lab(80.4 16.5 48) | cmyk 0%, 25%, 56%, 3% | |
| #fad29e | rgb(250, 210, 158) | hsl(34 90% 80%) | hwb(34 62% 2%) | lch(86.8 32.7 73.4) | lab(86.8 9.36 31.3) | cmyk 0%, 16%, 37%, 2% | |
| #24f49a | rgb(36, 244, 154) | hsl(150 90% 55%) | hwb(150 14% 4.3%) | lch(85.6 70.8 155) | lab(85.6 -64.3 29.5) | cmyk 85%, 0%, 37%, 4% | |
| #9a24f4 | rgb(154, 36, 244) | hsl(270 90% 55%) | hwb(270 14% 4.3%) | lch(44.1 108 311) | lab(44.1 70.7 -81.2) | cmyk 37%, 85%, 0%, 4% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#f49a24
AA - 2.21
#f8bb6d
AA - 1.7
#fad29e
AA - 1.42
#24f49a
AA - 1.45
#9a24f4
AA - 5.33
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