#7A1F3D
pink5% BrightnessWarm
Color Values
HEX
#7A1F3D
RGB
rgb(122, 31, 61)
HSL
hsl(340°, 59%, 30%)
CMYK
cmyk(0%, 75%, 50%, 52%)
Color Harmonies
Complementary
7A1F3D
1F7A5C
Triadic
7A1F3D
3D7A1F
1F3D7A
Analogous
7A1F6A
7A1F3D
7A2F1F
Monochromatic
000000
7A1F3D
D65C84
Similar Colors
290A14
7A1F26
7A1F54
CB3466
7A2F1F
7A1F6A
CSS Snippets
CSS Variables
--color-base: #7A1F3D; --color-light: #CC3869; --color-dark: #250912;
CSS Class
.element {
color: #7A1F3D;
background: #E085A3;
border-color: #CB3466;
}Contrast Analysis
Sample Text — 10.04:1
The quick brown fox jumps over the lazy dog
On Black2.09:1
On White10.04:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness5%
Saturation59%
Hue340°
Temp
Warm
LRV
5%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 5% brightness, 59% saturation, and 30% lightness.