#87E1DA#87E1DA

#87E1DA es un color muy claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.641; OKLCH L 85.1% C 0.087 H 189.3°. El mejor color de texto es #000000 con contraste 13.81:1 (cumple WCAG AA).

Valores del color

HEX	#87E1DA
RGB	rgb(135, 225, 218)
HSL	hsl(175, 60%, 71%)
HSV	hsv(175, 40%, 88%)
CMYK	cmyk(40%, 0%, 3.1%, 11.8%)
CIE-LAB	lab(84.00, -28.56, -5.06)
CIE-LCH	lch(84.00, 29.01, 190.04°)
OKLab	oklab(85.14% -0.0862 -0.0141)
OKLCH	oklch(85.14% 0.087 189.3)
XYZ	xyz(49.5670, 64.0597, 76.0689)
Luminance	0.6406 (WCAG relative)
Temperature	cool
Family	teal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#87E1DA #E1878E

analogous

#87E1AD #87E1DA #87BBE1

triadic

#87E1DA #DA87E1 #E1DA87

tetradic

#87E1DA #AD87E1 #E1878E #BBE187

square

#87E1DA #AD87E1 #E1878E #BBE187

split-complementary

#87E1DA #E187BB #E1AD87

monochromatic

#30BEB3 #56D5CB #87E1DA #B8EDE9 #E7F9F7

Accesibilidad y contraste

On white

1.52

#87E1DA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.81

#87E1DA on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #87E1DA

13.81:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##87E1DA	#FFFFFF	#000000	##000000
##87E1DA	1.00	1.52	13.81	13.81
#FFFFFF	1.52	1.00	21.00	21.00
#000000	13.81	21.00	1.00	1.00
##000000	13.81	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#D8D8DA

Deuteranopia (green-blind)

#C8CDDB

Tritanopia (blue-blind)

#62E5DF

Achromatopsia (no color)

#D1D1D1

Tokens de diseño y código

CSS

--color: #87e1da;
/* rgb */ color: rgb(135, 225, 218);
/* oklch */ color: oklch(85.1% 0.087 189.3);

Tailwind

colors: {
  custom: {
    50: '#aeeae5',
    500: '#87e1da',
    950: '#000000',
  },
}

SCSS

$custom: #87e1da;
$custom-light: #aeeae5;
$custom-dark: #000000;

JSON

{
  "hex": "#87e1da",
  "rgb": {
    "r": 135,
    "g": 225,
    "b": 218
  },
  "hsl": {
    "h": 175.333,
    "s": 60,
    "l": 70.588
  },
  "oklch": {
    "l": 0.8514,
    "c": 0.08732,
    "h": 189.3
  },
  "luminance": 0.64063
}

Semantic roles & 50–950 ramp

primary

#87E1DA

secondary

#B9535B

accent

#1E2BC8

background

#FDFEFE

surface

#F8FDFC

border

#D1D5D5

text

#111615

muted

#818484

Laboratorio de vista previa

Vista previa con #87E1DA

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →