#F1C1A6
red60% BrightnessWarm
Color Values
HEX
#F1C1A6
RGB
rgb(241, 193, 166)
HSL
hsl(22°, 73%, 80%)
CMYK
cmyk(0%, 20%, 31%, 5%)
Color Harmonies
Complementary
F1C1A6
A6D6F1
Triadic
F1C1A6
A6F1C1
C1A6F1
Analogous
F1A6B1
F1C1A6
F1E6A6
Monochromatic
DB6523
F1C1A6
FFFFFF
Similar Colors
E3844E
F1D4A6
F1AEA6
FFFEFE
F1E6A6
F1A6B1
CSS Snippets
CSS Variables
--color-base: #F1C1A6; --color-light: #FFFFFF; --color-dark: #E28149;
CSS Class
.element {
color: #F1C1A6;
background: #AF511C;
border-color: #E3844E;
}Contrast Analysis
Sample Text — 12.92:1
The quick brown fox jumps over the lazy dog
On Black12.92:1
On White1.63:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness60%
Saturation73%
Hue22°
Temp
Warm
LRV
60%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated red color with 60% brightness, 73% saturation, and 80% lightness.