#F5EAEE
pink84% BrightnessWarm
Color Values
HEX
#F5EAEE
RGB
rgb(245, 234, 238)
HSL
hsl(338°, 35%, 94%)
CMYK
cmyk(0%, 4%, 3%, 4%)
Color Harmonies
Complementary
F5EAEE
EAF5F1
Triadic
F5EAEE
EEF5EA
EAEEF5
Analogous
F5EAF3
F5EAEE
F5ECEA
Monochromatic
C4829A
F5EAEE
FFFFFF
Similar Colors
D4A5B6
F5EAEB
F5EAF1
FFFFFF
F5ECEA
F5EAF3
CSS Snippets
CSS Variables
--color-base: #F5EAEE; --color-light: #FFFFFF; --color-dark: #D2A1B3;
CSS Class
.element {
color: #F5EAEE;
background: #B3607E;
border-color: #D4A5B6;
}Contrast Analysis
Sample Text — 17.89:1
The quick brown fox jumps over the lazy dog
On Black17.89:1
On White1.17:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness84%
Saturation35%
Hue338°
Temp
Warm
LRV
85%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 84% brightness, 35% saturation, and 94% lightness.