#178A2F#178A2F

#178A2F es un color medio y vivo de la familia verde. Luminancia relativa 0.186; OKLCH L 55.4% C 0.161 H 145.7°. El mejor color de texto es #000000 con contraste 4.71:1 (cumple WCAG AA).

Valores del color

HEX	#178A2F
RGB	rgb(23, 138, 47)
HSL	hsl(133, 71%, 32%)
HSV	hsv(133, 83%, 54%)
CMYK	cmyk(83.3%, 0%, 65.9%, 45.9%)
CIE-LAB	lab(50.17, -49.54, 39.07)
CIE-LCH	lch(50.17, 63.09, 141.74°)
OKLab	oklab(55.41% -0.1334 0.091)
OKLCH	oklch(55.41% 0.161 145.7)
XYZ	xyz(9.9542, 18.5631, 5.7472)
Luminance	0.1856 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#178A2F #8A1772

analogous

#398A17 #178A2F #178A69

triadic

#178A2F #2F178A #8A2F17

tetradic

#178A2F #17398A #8A1772 #8A6917

square

#178A2F #17398A #8A1772 #8A6917

split-complementary

#178A2F #69178A #8A1739

monochromatic

#06210B #0E561D #178A2F #20BE41 #3DDF5F

Accesibilidad y contraste

On white

4.46

#178A2F on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.71

#178A2F on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #178A2F

4.71:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##178A2F	#FFFFFF	#000000	##000000
##178A2F	1.00	4.46	4.71	4.71
#FFFFFF	4.46	1.00	21.00	21.00
#000000	4.71	21.00	1.00	1.00
##000000	4.71	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#8C7D24

Deuteranopia (green-blind)

#807437

Tritanopia (blue-blind)

#008677

Achromatopsia (no color)

#777777

Tokens de diseño y código

CSS

--color: #178a2f;
/* rgb */ color: rgb(23, 138, 47);
/* oklch */ color: oklch(55.4% 0.161 145.7);

Tailwind

colors: {
  custom: {
    50: '#6bad6b',
    500: '#178a2f',
    950: '#000000',
  },
}

SCSS

$custom: #178a2f;
$custom-light: #6bad6b;
$custom-dark: #000000;

JSON

{
  "hex": "#178a2f",
  "rgb": {
    "r": 23,
    "g": 138,
    "b": 47
  },
  "hsl": {
    "h": 132.522,
    "s": 71.429,
    "l": 31.569
  },
  "oklch": {
    "l": 0.55411,
    "c": 0.16148,
    "h": 145.7
  },
  "luminance": 0.18564
}

Semantic roles & 50–950 ramp

primary

#178A2F

secondary

#BE3FA3

accent

#3AC8EE

background

#F7FAF6

surface

#EDF4EB

border

#C8CEC6

text

#081007

muted

#7B7F7A

Laboratorio de vista previa

Vista previa con #178A2F

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

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