#6B1C36
pink4% BrightnessWarm
Color Values
HEX
#6B1C36
RGB
rgb(107, 28, 54)
HSL
hsl(340°, 59%, 26%)
CMYK
cmyk(0%, 74%, 50%, 58%)
Color Harmonies
Complementary
6B1C36
1C6B51
Triadic
6B1C36
366B1C
1C366B
Analogous
6B1C5E
6B1C36
6B2A1C
Monochromatic
000000
6B1C36
D14F7A
Similar Colors
1A070D
6B1C22
6B1C4A
BC315F
6B2A1C
6B1C5E
CSS Snippets
CSS Variables
--color-base: #6B1C36; --color-light: #C03261; --color-dark: #16060B;
CSS Class
.element {
color: #6B1C36;
background: #DC7798;
border-color: #BC315F;
}Contrast Analysis
Sample Text — 11.39:1
The quick brown fox jumps over the lazy dog
On Black1.84:1
On White11.39:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness4%
Saturation59%
Hue340°
Temp
Warm
LRV
4%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 4% brightness, 59% saturation, and 26% lightness.