#FF5C6E
pink30% BrightnessWarm
Color Values
HEX
#FF5C6E
RGB
rgb(255, 92, 110)
HSL
hsl(353°, 100%, 68%)
CMYK
cmyk(0%, 64%, 57%, 0%)
Color Harmonies
Complementary
FF5C6E
5CFFED
Triadic
FF5C6E
6EFF5C
5C6EFF
Analogous
FF5CBF
FF5C6E
FF9C5C
Monochromatic
C20015
FF5C6E
FFF5F6
Similar Colors
F5001B
FF735C
FF5C97
FFC2C9
FF9C5C
FF5CBF
CSS Snippets
CSS Variables
--color-base: #FF5C6E; --color-light: #FFC7CD; --color-dark: #F0001A;
CSS Class
.element {
color: #FF5C6E;
background: #8F0010;
border-color: #F5001B;
}Contrast Analysis
Sample Text — 7.01:1
The quick brown fox jumps over the lazy dog
On Black7.01:1
On White3.00:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness30%
Saturation100%
Hue353°
Temp
Warm
LRV
30%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 30% brightness, 100% saturation, and 68% lightness.