RGB
241, 195, 56
HSL
45°, 87%, 58%
CMYK
0, 19, 77, 5
HSV
45°, 77%, 95%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #F1C338 |
color: #F1C338;
|
| RGB | 241, 195, 56 |
color: rgb(241, 195, 56);
|
| RGB Percentage | 95%, 76%, 22% |
color: rgb(95%, 76%, 22%);
|
| CMYK | 0%, 19%, 77%, 5% | Not supported in CSS |
| HSL | 45°, 87%, 58% |
color: hsl(45, 87%, 58%);
|
| HSV | 45°, 77%, 95% | Not supported in CSS |
| CIE-LAB | 46, 9, 46 |
color: lab(46% 9 46);
|
| Decimal | 15844152 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.saffron {
color: #F1C338;
}
SCSS
$saffron: #F1C338;
RGB
rgb(241, 195, 56)
Accessibility & Contrast
White background
1.67:1
1.67
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
12.60:1
12.60
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element