#86EBE0#86EBE0

#86EBE0 es un color muy claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.699; OKLCH L 87.5% C 0.097 H 186.5°. El mejor color de texto es #000000 con contraste 14.97:1 (cumple WCAG AA).

Valores del color

HEX	#86EBE0
RGB	rgb(134, 235, 224)
HSL	hsl(173, 72%, 72%)
HSV	hsv(173, 43%, 92%)
CMYK	cmyk(43%, 0%, 4.7%, 7.8%)
CIE-LAB	lab(86.93, -32.15, -3.90)
CIE-LCH	lch(86.93, 32.38, 186.92°)
OKLab	oklab(87.54% -0.0959 -0.011)
OKLCH	oklch(87.54% 0.097 186.5)
XYZ	xyz(52.9891, 69.8627, 81.1991)
Luminance	0.6987 (WCAG relative)
Temperature	cool
Family	teal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#86EBE0 #EB8691

analogous

#86EBAD #86EBE0 #86C4EB

triadic

#86EBE0 #E086EB #EBE086

tetradic

#86EBE0 #AD86EB #EB8691 #C4EB86

square

#86EBE0 #AD86EB #EB8691 #C4EB86

split-complementary

#86EBE0 #EB86C4 #EBAD86

monochromatic

#23D4C0 #51E2D3 #86EBE0 #BBF4ED #E5FBF8

Accesibilidad y contraste

On white

1.40

#86EBE0 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.97

#86EBE0 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #86EBE0

14.97:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##86EBE0	#FFFFFF	#000000	##000000
##86EBE0	1.00	1.40	14.97	14.97
#FFFFFF	1.40	1.00	21.00	21.00
#000000	14.97	21.00	1.00	1.00
##000000	14.97	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#E2E1E0

Deuteranopia (green-blind)

#D0D4E1

Tritanopia (blue-blind)

#5AEFE7

Achromatopsia (no color)

#DADADA

Tokens de diseño y código

CSS

--color: #86ebe0;
/* rgb */ color: rgb(134, 235, 224);
/* oklch */ color: oklch(87.5% 0.097 186.5);

Tailwind

colors: {
  custom: {
    50: '#aff1e9',
    500: '#86ebe0',
    950: '#000000',
  },
}

SCSS

$custom: #86ebe0;
$custom-light: #aff1e9;
$custom-dark: #000000;

JSON

{
  "hex": "#86ebe0",
  "rgb": {
    "r": 134,
    "g": 235,
    "b": 224
  },
  "hsl": {
    "h": 173.465,
    "s": 71.631,
    "l": 72.353
  },
  "oklch": {
    "l": 0.87541,
    "c": 0.09658,
    "h": 186.5
  },
  "luminance": 0.69867
}

Semantic roles & 50–950 ramp

primary

#86EBE0

secondary

#C5505D

accent

#1227D4

background

#FDFFFE

surface

#F8FEFC

border

#D1D6D5

text

#111716

muted

#818584

Laboratorio de vista previa

Vista previa con #86EBE0

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

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