RGB
255, 117, 24
HSL
24°, 100%, 55%
CMYK
0, 54, 91, 0
HSV
24°, 91%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FF7518 |
color: #FF7518;
|
| RGB | 255, 117, 24 |
color: rgb(255, 117, 24);
|
| RGB Percentage | 100%, 46%, 9% |
color: rgb(100%, 46%, 9%);
|
| CMYK | 0%, 54%, 91%, 0% | Not supported in CSS |
| HSL | 24°, 100%, 55% |
color: hsl(24, 100%, 55%);
|
| HSV | 24°, 91%, 100% | Not supported in CSS |
| CIE-LAB | 44, 28, 31 |
color: lab(44% 28 31);
|
| Decimal | 16741656 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.pumpkin-orange {
color: #FF7518;
}
SCSS
$pumpkin-orange: #FF7518;
RGB
rgb(255, 117, 24)
Accessibility & Contrast
White background
2.69:1
2.69
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
7.81:1
7.81
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element