RGB
253, 190, 2
HSL
45°, 98%, 50%
CMYK
0, 25, 99, 1
HSV
45°, 99%, 99%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FDBE02 |
color: #FDBE02;
|
| RGB | 253, 190, 2 |
color: rgb(253, 190, 2);
|
| RGB Percentage | 99%, 75%, 1% |
color: rgb(99%, 75%, 1%);
|
| CMYK | 0%, 25%, 99%, 1% | Not supported in CSS |
| HSL | 45°, 98%, 50% |
color: hsl(45, 98%, 50%);
|
| HSV | 45°, 99%, 99% | Not supported in CSS |
| CIE-LAB | 40, 13, 63 |
color: lab(40% 13 63);
|
| Decimal | 16629250 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.mango {
color: #FDBE02;
}
SCSS
$mango: #FDBE02;
RGB
rgb(253, 190, 2)
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.54:1
12.54
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element