RGB
248, 222, 126
HSL
47°, 90%, 73%
CMYK
0, 10, 49, 3
HSV
47°, 49%, 97%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #F8DE7E |
color: #F8DE7E;
|
| RGB | 248, 222, 126 |
color: rgb(248, 222, 126);
|
| RGB Percentage | 97%, 87%, 49% |
color: rgb(97%, 87%, 49%);
|
| CMYK | 0%, 10%, 49%, 3% | Not supported in CSS |
| HSL | 47°, 90%, 73% |
color: hsl(47, 90%, 73%);
|
| HSV | 47°, 49%, 97% | Not supported in CSS |
| CIE-LAB | 58, 5, 32 |
color: lab(58% 5 32);
|
| Decimal | 16309886 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.jasmine {
color: #F8DE7E;
}
SCSS
$jasmine: #F8DE7E;
RGB
rgb(248, 222, 126)
Accessibility & Contrast
White background
1.33:1
1.33
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
15.74:1
15.74
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element