#911C5E#911C5E
#911C5E es un color oscuro y vivo de la familia rosa. Luminancia relativa 0.077; OKLCH L 44.6% C 0.163 H 351.7°. El mejor color de texto es #FFFFFF con contraste 8.30:1 (cumple WCAG AA).
Valores del color
| HEX | #911C5E |
|---|---|
| RGB | rgb(145, 28, 94) |
| HSL | hsl(326, 68%, 34%) |
| HSV | hsv(326, 81%, 57%) |
| CMYK | cmyk(0%, 80.7%, 35.2%, 43.1%) |
| CIE-LAB | lab(33.26, 52.42, -9.11) |
| CIE-LCH | lch(33.26, 53.21, 350.14°) |
| OKLab | oklab(44.62% 0.1609 -0.0236) |
| OKLCH | oklch(44.62% 0.163 351.7) |
| XYZ | xyz(14.1136, 7.6601, 11.3228) |
| Luminance | 0.0766 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Colores con nombre más cercanos
Dark Magenta
#960056
ΔE00 2.63
Red Violet
#9E0168
ΔE00 3.08
Dark Fuchsia
#9D0759
ΔE00 3.08
Deep Magenta
#A0025C
ΔE00 3.18
Reddish Purple
#910951
ΔE00 3.20
Mulberry
#920A4E
ΔE00 4.07
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#911C5E #1C914F
analogous
#8A1C91 #911C5E #911C24
triadic
#911C5E #5E911C #1C5E91
tetradic
#911C5E #918A1C #1C914F #1C2491
square
#911C5E #918A1C #1C914F #1C2491
split-complementary
#911C5E #24911C #1C918A
monochromatic
#2A081B #5E123D #911C5E #C4267F #DC4B9D
Accesibilidad y contraste
On white
8.30
#911C5E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.53
#911C5E on #000000
AA ✗AA large ✗AAA ✗
Mejor color de texto
#FFFFFF on #911C5E
8.30:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##911C5E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##911C5E | 1.00 | 8.30 | 2.53 | 8.30 |
| #FFFFFF | 8.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.30 | 1.00 | 21.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#324160
Deuteranopia (green-blind)
#54565B
Tritanopia (blue-blind)
#9C103B
Achromatopsia (no color)
#4E4E4E
Tokens de diseño y código
CSS
--color: #911c5e; /* rgb */ color: rgb(145, 28, 94); /* oklch */ color: oklch(44.6% 0.163 351.7);
Tailwind
colors: {
custom: {
50: '#b6668b',
500: '#911c5e',
950: '#000000',
},
}SCSS
$custom: #911c5e; $custom-light: #b6668b; $custom-dark: #000000;
JSON
{
"hex": "#911c5e",
"rgb": {
"r": 145,
"g": 28,
"b": 94
},
"hsl": {
"h": 326.154,
"s": 67.63,
"l": 33.922
},
"oklch": {
"l": 0.44623,
"c": 0.16257,
"h": 351.7
},
"luminance": 0.07658
}Semantic roles & 50–950 ramp
primary
#911C5E
secondary
#4ABE7D
accent
#EB893D
background
#FBF6F8
surface
#F6EBF0
border
#D0C6CB
text
#12070C
muted
#817A7D
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →