#927CDF#927CDF
#927CDF es un color claro y vivo de la familia violeta. Luminancia relativa 0.259; OKLCH L 64.9% C 0.145 H 292.1°. El mejor color de texto es #000000 con contraste 6.17:1 (cumple WCAG AA).
Valores del color
| HEX | #927CDF |
|---|---|
| RGB | rgb(146, 124, 223) |
| HSL | hsl(253, 61%, 68%) |
| HSV | hsv(253, 44%, 87%) |
| CMYK | cmyk(34.5%, 44.4%, 0%, 12.5%) |
| CIE-LAB | lab(57.90, 30.67, -47.70) |
| CIE-LCH | lch(57.90, 56.71, 302.74°) |
| OKLab | oklab(64.93% 0.0545 -0.1343) |
| OKLCH | oklch(64.93% 0.145 292.1) |
| XYZ | xyz(32.3775, 25.8533, 73.0821) |
| Luminance | 0.2585 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Colores con nombre más cercanos
Mediumpurple
#9370DB
ΔE00 3.71
Periwinkle (survey)
#8E82FE
ΔE00 5.24
Perrywinkle
#8F8CE7
ΔE00 5.38
Lavender Blue
#8B88F8
ΔE00 5.85
Mediumslateblue
#7B68EE
ΔE00 7.57
Light Urple
#B36FF6
ΔE00 7.69
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#927CDF #C9DF7C
analogous
#7C97DF #927CDF #C37CDF
triadic
#927CDF #DF927C #7CDF92
tetradic
#927CDF #DF7C97 #C9DF7C #7CDFC3
square
#927CDF #DF7C97 #C9DF7C #7CDFC3
split-complementary
#927CDF #DFC37C #97DF7C
monochromatic
#4A2CB5 #694BD3 #927CDF #BBADEB #E4DEF7
Accesibilidad y contraste
On white
3.40
#927CDF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.17
#927CDF on #000000
AA ✓AA large ✓AAA ✗
Mejor color de texto
#000000 on #927CDF
6.17:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##927CDF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##927CDF | 1.00 | 3.40 | 6.17 | 6.17 |
| #FFFFFF | 3.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.17 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#5B8DE3
Deuteranopia (green-blind)
#5E89DD
Tritanopia (blue-blind)
#7F8FA3
Achromatopsia (no color)
#8B8B8B
Tokens de diseño y código
CSS
--color: #927cdf; /* rgb */ color: rgb(146, 124, 223); /* oklch */ color: oklch(64.9% 0.145 292.1);
Tailwind
colors: {
custom: {
50: '#b5a2e9',
500: '#927cdf',
950: '#000000',
},
}SCSS
$custom: #927cdf; $custom-light: #b5a2e9; $custom-dark: #000000;
JSON
{
"hex": "#927cdf",
"rgb": {
"r": 146,
"g": 124,
"b": 223
},
"hsl": {
"h": 253.333,
"s": 60.736,
"l": 68.039
},
"oklch": {
"l": 0.64933,
"c": 0.1449,
"h": 292.1
},
"luminance": 0.25854
}Semantic roles & 50–950 ramp
primary
#927CDF
secondary
#E4EBCC
accent
#C81DA2
background
#FBFAFE
surface
#F6F3FD
border
#D0CDD5
text
#110F16
muted
#807F84
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →