#376759#376759

#376759 es un color medio y apagado de la familia verde azulado. Luminancia relativa 0.112; OKLCH L 47.5% C 0.058 H 172.8°. El mejor color de texto es #FFFFFF con contraste 6.47:1 (cumple WCAG AA).

Valores del color

HEX	#376759
RGB	rgb(55, 103, 89)
HSL	hsl(163, 30%, 31%)
HSV	hsv(163, 47%, 40%)
CMYK	cmyk(46.6%, 0%, 13.6%, 59.6%)
CIE-LAB	lab(39.97, -20.07, 2.84)
CIE-LCH	lch(39.97, 20.27, 171.95°)
OKLab	oklab(47.52% -0.0572 0.0072)
OKLCH	oklch(47.52% 0.058 172.8)
XYZ	xyz(8.2282, 11.2334, 11.1839)
Luminance	0.1123 (WCAG relative)
Temperature	neutral
Family	teal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#376759 #673745

analogous

#376741 #376759 #375D67

triadic

#376759 #593767 #675937

tetradic

#376759 #413767 #673745 #5D6737

square

#376759 #413767 #673745 #5D6737

split-complementary

#376759 #67375D #674137

monochromatic

#0C1714 #223F37 #376759 #4C8F7B #69AF9B

Accesibilidad y contraste

On white

6.47

#376759 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.25

#376759 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #376759

6.47:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##376759	#FFFFFF	#000000	##FFFFFF
##376759	1.00	6.47	3.25	6.47
#FFFFFF	6.47	1.00	21.00	1.00
#000000	3.25	21.00	1.00	21.00
##FFFFFF	6.47	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#646258

Deuteranopia (green-blind)

#5C5C5A

Tritanopia (blue-blind)

#266863

Achromatopsia (no color)

#5E5E5E

Tokens de diseño y código

CSS

--color: #376759;
/* rgb */ color: rgb(55, 103, 89);
/* oklch */ color: oklch(47.5% 0.058 172.8);

Tailwind

colors: {
  custom: {
    50: '#719287',
    500: '#376759',
    950: '#000000',
  },
}

SCSS

$custom: #376759;
$custom-light: #719287;
$custom-dark: #000000;

JSON

{
  "hex": "#376759",
  "rgb": {
    "r": 55,
    "g": 103,
    "b": 89
  },
  "hsl": {
    "h": 162.5,
    "s": 30.38,
    "l": 30.98
  },
  "oklch": {
    "l": 0.47522,
    "c": 0.05769,
    "h": 172.8
  },
  "luminance": 0.11234
}

Semantic roles & 50–950 ramp

primary

#376759

secondary

#976272

accent

#617FC7

background

#F7F9F8

surface

#EDF1EF

border

#C8CBCA

text

#080D0B

muted

#7B7E7C

Laboratorio de vista previa

Vista previa con #376759

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

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