#F5E0C3
orange77% BrightnessWarm
Color Values
HEX
#F5E0C3
RGB
rgb(245, 224, 195)
HSL
hsl(35°, 71%, 86%)
CMYK
cmyk(0%, 9%, 20%, 4%)
Color Harmonies
Complementary
F5E0C3
C3D8F5
Triadic
F5E0C3
C3F5E0
E0C3F5
Analogous
F5C7C3
F5E0C3
F1F5C3
Monochromatic
DF9C40
F5E0C3
FFFFFF
Similar Colors
E6B36C
F5EDC3
F5D4C3
FFFFFF
F1F5C3
F5C7C3
CSS Snippets
CSS Variables
--color-base: #F5E0C3; --color-light: #FFFFFF; --color-dark: #E6B167;
CSS Class
.element {
color: #F5E0C3;
background: #CA8322;
border-color: #E6B36C;
}Contrast Analysis
Sample Text — 16.33:1
The quick brown fox jumps over the lazy dog
On Black16.33:1
On White1.29:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness77%
Saturation71%
Hue35°
Temp
Warm
LRV
77%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 77% brightness, 71% saturation, and 86% lightness.