#F1B2C8
pink55% BrightnessWarm
Color Values
HEX
#F1B2C8
RGB
rgb(241, 178, 200)
HSL
hsl(339°, 69%, 82%)
CMYK
cmyk(0%, 26%, 17%, 5%)
Color Harmonies
Complementary
F1B2C8
B2F1DB
Triadic
F1B2C8
C8F1B2
B2C8F1
Analogous
F1B2E8
F1B2C8
F1BBB2
Monochromatic
D9316C
F1B2C8
FFFFFF
Similar Colors
E15C8A
F1B2B8
F1B2D8
FFFFFF
F1BBB2
F1B2E8
CSS Snippets
CSS Variables
--color-base: #F1B2C8; --color-light: #FFFFFF; --color-dark: #E15787;
CSS Class
.element {
color: #F1B2C8;
background: #B62155;
border-color: #E15C8A;
}Contrast Analysis
Sample Text — 11.94:1
The quick brown fox jumps over the lazy dog
On Black11.94:1
On White1.76:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness55%
Saturation69%
Hue339°
Temp
Warm
LRV
55%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 55% brightness, 69% saturation, and 82% lightness.