#91F2D5#91F2D5
#91F2D5 es un color muy claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.743; OKLCH L 89.3% C 0.101 H 172.7°. El mejor color de texto es #000000 con contraste 15.87:1 (cumple WCAG AA).
Valores del color
| HEX | #91F2D5 |
|---|---|
| RGB | rgb(145, 242, 213) |
| HSL | hsl(162, 79%, 76%) |
| HSV | hsv(162, 40%, 95%) |
| CMYK | cmyk(40.1%, 0%, 12%, 5.1%) |
| CIE-LAB | lab(89.08, -35.16, 5.04) |
| CIE-LCH | lch(89.08, 35.52, 171.85°) |
| OKLab | oklab(89.3% -0.1004 0.0128) |
| OKLCH | oklch(89.3% 0.101 172.7) |
| XYZ | xyz(55.4347, 74.3243, 74.3628) |
| Luminance | 0.7433 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Colores con nombre más cercanos
Tiffany Blue
#7BF2DA
ΔE00 3.00
Light Aqua
#8CFFDB
ΔE00 3.23
Light Turquoise
#7EF4CC
ΔE00 3.33
Pale Turquoise
#A5FBD5
ΔE00 3.83
Light Teal
#90E4C1
ΔE00 3.99
Aquamarine
#7FFFD4
ΔE00 4.60
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#91F2D5 #F291AE
analogous
#91F2A4 #91F2D5 #91DEF2
triadic
#91F2D5 #D591F2 #F2D591
tetradic
#91F2D5 #A491F2 #F291AE #DEF291
square
#91F2D5 #A491F2 #F291AE #DEF291
split-complementary
#91F2D5 #F291DE #F2A491
monochromatic
#24E5AB #5AECC0 #91F2D5 #C8F8EA #E4FCF5
Accesibilidad y contraste
On white
1.32
#91F2D5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.87
#91F2D5 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #91F2D5
15.87:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##91F2D5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##91F2D5 | 1.00 | 1.32 | 15.87 | 15.87 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.87 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#ECE7D4
Deuteranopia (green-blind)
#DCDBD7
Tritanopia (blue-blind)
#72F4E9
Achromatopsia (no color)
#E0E0E0
Tokens de diseño y código
CSS
--color: #91f2d5; /* rgb */ color: rgb(145, 242, 213); /* oklch */ color: oklch(89.3% 0.101 172.7);
Tailwind
colors: {
custom: {
50: '#b5f6e1',
500: '#91f2d5',
950: '#000000',
},
}SCSS
$custom: #91f2d5; $custom-light: #b5f6e1; $custom-dark: #000000;
JSON
{
"hex": "#91f2d5",
"rgb": {
"r": 145,
"g": 242,
"b": 213
},
"hsl": {
"h": 162.062,
"s": 78.862,
"l": 75.882
},
"oklch": {
"l": 0.89303,
"c": 0.10126,
"h": 172.7
},
"luminance": 0.74328
}Semantic roles & 50–950 ramp
primary
#91F2D5
secondary
#CF587C
accent
#0A49DB
background
#FDFFFE
surface
#F8FEFC
border
#D1D6D5
text
#111715
muted
#818584
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →