RGB
255, 192, 103
HSL
35°, 100%, 70%
CMYK
0, 25, 60, 0
HSV
35°, 60%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFC067 |
color: #FFC067;
|
| RGB | 255, 192, 103 |
color: rgb(255, 192, 103);
|
| RGB Percentage | 100%, 75%, 40% |
color: rgb(100%, 75%, 40%);
|
| CMYK | 0%, 25%, 60%, 0% | Not supported in CSS |
| HSL | 35°, 100%, 70% |
color: hsl(35, 100%, 70%);
|
| HSV | 35°, 60%, 100% | Not supported in CSS |
| CIE-LAB | 56, 13, 30 |
color: lab(56% 13 30);
|
| Decimal | 16760935 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.pastel-orange {
color: #FFC067;
}
SCSS
$pastel-orange: #FFC067;
RGB
rgb(255, 192, 103)
Accessibility & Contrast
White background
1.62:1
1.62
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
12.99:1
12.99
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element