#79E6EB#79E6EB
#79E6EB es un color muy claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.667; OKLCH L 86.2% C 0.101 H 199.4°. El mejor color de texto es #000000 con contraste 14.33:1 (cumple WCAG AA).
Valores del color
| HEX | #79E6EB |
|---|---|
| RGB | rgb(121, 230, 235) |
| HSL | hsl(183, 74%, 70%) |
| HSV | hsv(183, 49%, 92%) |
| CMYK | cmyk(48.5%, 2.1%, 0%, 7.8%) |
| CIE-LAB | lab(85.33, -30.00, -12.12) |
| CIE-LCH | lch(85.33, 32.36, 202.00°) |
| OKLab | oklab(86.22% -0.095 -0.0334) |
| OKLCH | oklch(86.22% 0.101 199.4) |
| XYZ | xyz(51.1714, 66.6523, 88.7497) |
| Luminance | 0.6666 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Colores con nombre más cercanos
Robin'S Egg
#6DEDFD
ΔE00 3.85
Robin Egg Blue
#8AF1FE
ΔE00 4.10
Robin'S Egg Blue
#98EFF9
ΔE00 4.30
Bright Light Blue
#26F7FD
ΔE00 5.76
Aqua Blue
#02D8E9
ΔE00 6.37
Paleturquoise
#AFEEEE
ΔE00 6.42
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#79E6EB #EB7E79
analogous
#79EBB7 #79E6EB #79ADEB
triadic
#79E6EB #EB79E6 #E6EB79
tetradic
#79E6EB #B779EB #EB7E79 #ADEB79
square
#79E6EB #B779EB #EB7E79 #ADEB79
split-complementary
#79E6EB #EB79AD #EBB779
monochromatic
#1EC4CB #44DCE3 #79E6EB #AEF0F3 #E4FAFB
Accesibilidad y contraste
On white
1.47
#79E6EB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.33
#79E6EB on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #79E6EB
14.33:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##79E6EB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##79E6EB | 1.00 | 1.47 | 14.33 | 14.33 |
| #FFFFFF | 1.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.33 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#D9DDEC
Deuteranopia (green-blind)
#C6CFEC
Tritanopia (blue-blind)
#31EDE7
Achromatopsia (no color)
#D5D5D5
Tokens de diseño y código
CSS
--color: #79e6eb; /* rgb */ color: rgb(121, 230, 235); /* oklch */ color: oklch(86.2% 0.101 199.4);
Tailwind
colors: {
custom: {
50: '#a8eef1',
500: '#79e6eb',
950: '#000000',
},
}SCSS
$custom: #79e6eb; $custom-light: #a8eef1; $custom-dark: #000000;
JSON
{
"hex": "#79e6eb",
"rgb": {
"r": 121,
"g": 230,
"b": 235
},
"hsl": {
"h": 182.632,
"s": 74.026,
"l": 69.804
},
"oklch": {
"l": 0.86217,
"c": 0.10069,
"h": 199.4
},
"luminance": 0.66657
}Semantic roles & 50–950 ramp
primary
#79E6EB
secondary
#C44A44
accent
#180FD6
background
#FDFFFF
surface
#F7FEFE
border
#D0D6D6
text
#101616
muted
#818585
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →