#6EBD9E#6EBD9E

#6EBD9E es un color claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.422; OKLCH L 73.9% C 0.091 H 166.7°. El mejor color de texto es #000000 con contraste 9.44:1 (cumple WCAG AA).

Valores del color

HEX	#6EBD9E
RGB	rgb(110, 189, 158)
HSL	hsl(156, 37%, 59%)
HSV	hsv(156, 42%, 74%)
CMYK	cmyk(41.8%, 0%, 16.4%, 25.9%)
CIE-LAB	lab(70.99, -31.55, 8.12)
CIE-LCH	lch(70.99, 32.58, 165.56°)
OKLab	oklab(73.86% -0.0887 0.0209)
OKLCH	oklch(73.86% 0.091 166.7)
XYZ	xyz(30.7971, 42.1767, 38.8592)
Luminance	0.4218 (WCAG relative)
Temperature	neutral
Family	teal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#6EBD9E #BD6E8D

analogous

#6EBD76 #6EBD9E #6EB4BD

triadic

#6EBD9E #9E6EBD #BD9E6E

tetradic

#6EBD9E #766EBD #BD6E8D #B4BD6E

square

#6EBD9E #766EBD #BD6E8D #B4BD6E

split-complementary

#6EBD9E #BD6EB4 #BD766E

monochromatic

#37795F #4AA380 #6EBD9E #98D0BA #C2E3D6

Accesibilidad y contraste

On white

2.23

#6EBD9E on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.44

#6EBD9E on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #6EBD9E

9.44:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##6EBD9E	#FFFFFF	#000000	##000000
##6EBD9E	1.00	2.23	9.44	9.44
#FFFFFF	2.23	1.00	21.00	21.00
#000000	9.44	21.00	1.00	1.00
##000000	9.44	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#BAB39C

Deuteranopia (green-blind)

#ADAAA0

Tritanopia (blue-blind)

#57BEB4

Achromatopsia (no color)

#AEAEAE

Tokens de diseño y código

CSS

--color: #6ebd9e;
/* rgb */ color: rgb(110, 189, 158);
/* oklch */ color: oklch(73.9% 0.091 166.7);

Tailwind

colors: {
  custom: {
    50: '#9bd1ba',
    500: '#6ebd9e',
    950: '#000000',
  },
}

SCSS

$custom: #6ebd9e;
$custom-light: #9bd1ba;
$custom-dark: #000000;

JSON

{
  "hex": "#6ebd9e",
  "rgb": {
    "r": 110,
    "g": 189,
    "b": 158
  },
  "hsl": {
    "h": 156.456,
    "s": 37.441,
    "l": 58.627
  },
  "oklch": {
    "l": 0.73857,
    "c": 0.0911,
    "h": 166.7
  },
  "luminance": 0.42179
}

Semantic roles & 50–950 ramp

primary

#6EBD9E

secondary

#D3B4C0

accent

#5A88CD

background

#F9FCFB

surface

#F2F9F6

border

#CCD2D0

text

#0E1411

muted

#7E8280

Laboratorio de vista previa

Vista previa con #6EBD9E

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

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