#94EBD7#94EBD7
#94EBD7 es un color muy claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.706; OKLCH L 87.9% C 0.089 H 177.9°. El mejor color de texto es #000000 con contraste 15.12:1 (cumple WCAG AA).
Valores del color
| HEX | #94EBD7 |
|---|---|
| RGB | rgb(148, 235, 215) |
| HSL | hsl(166, 69%, 75%) |
| HSV | hsv(166, 37%, 92%) |
| CMYK | cmyk(37%, 0%, 8.5%, 7.8%) |
| CIE-LAB | lab(87.30, -30.67, 1.43) |
| CIE-LCH | lch(87.30, 30.70, 177.33°) |
| OKLab | oklab(87.92% -0.0891 0.0033) |
| OKLCH | oklch(87.92% 0.089 177.9) |
| XYZ | xyz(54.1823, 70.6153, 75.0519) |
| Luminance | 0.7062 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Colores con nombre más cercanos
Tiffany Blue
#7BF2DA
ΔE00 3.46
Light Teal
#90E4C1
ΔE00 5.16
Pale Aqua
#B8FFEB
ΔE00 5.32
Light Aqua
#8CFFDB
ΔE00 6.05
Light Turquoise
#7EF4CC
ΔE00 6.17
Pale Turquoise
#A5FBD5
ΔE00 6.33
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#94EBD7 #EB94A8
analogous
#94EBAC #94EBD7 #94D3EB
triadic
#94EBD7 #D794EB #EBD794
tetradic
#94EBD7 #AC94EB #EB94A8 #D3EB94
square
#94EBD7 #AC94EB #EB94A8 #D3EB94
split-complementary
#94EBD7 #EB94D3 #EBAC94
monochromatic
#2DD8B0 #60E1C4 #94EBD7 #C8F5EA #E5FAF5
Accesibilidad y contraste
On white
1.39
#94EBD7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.12
#94EBD7 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #94EBD7
15.12:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##94EBD7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##94EBD7 | 1.00 | 1.39 | 15.12 | 15.12 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.12 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#E5E1D6
Deuteranopia (green-blind)
#D5D6D9
Tritanopia (blue-blind)
#78EDE5
Achromatopsia (no color)
#DBDBDB
Tokens de diseño y código
CSS
--color: #94ebd7; /* rgb */ color: rgb(148, 235, 215); /* oklch */ color: oklch(87.9% 0.089 177.9);
Tailwind
colors: {
custom: {
50: '#b7f1e3',
500: '#94ebd7',
950: '#000000',
},
}SCSS
$custom: #94ebd7; $custom-light: #b7f1e3; $custom-dark: #000000;
JSON
{
"hex": "#94ebd7",
"rgb": {
"r": 148,
"g": 235,
"b": 215
},
"hsl": {
"h": 166.207,
"s": 68.504,
"l": 75.098
},
"oklch": {
"l": 0.87924,
"c": 0.08913,
"h": 177.9
},
"luminance": 0.70619
}Semantic roles & 50–950 ramp
primary
#94EBD7
secondary
#C65D75
accent
#1540D0
background
#FDFFFE
surface
#F8FEFC
border
#D1D6D5
text
#121715
muted
#828584
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →