#175122#175122

#175122 es un color oscuro y moderadamente saturado de la familia verde. Luminancia relativa 0.062; OKLCH L 38.5% C 0.097 H 146.8°. El mejor color de texto es #FFFFFF con contraste 9.39:1 (cumple WCAG AA).

Valores del color

HEX	#175122
RGB	rgb(23, 81, 34)
HSL	hsl(131, 56%, 20%)
HSV	hsv(131, 72%, 32%)
CMYK	cmyk(71.6%, 0%, 58%, 68.2%)
CIE-LAB	lab(29.87, -30.03, 22.11)
CIE-LCH	lch(29.87, 37.29, 143.65°)
OKLab	oklab(38.53% -0.0811 0.0531)
OKLCH	oklch(38.53% 0.097 146.8)
XYZ	xyz(3.5843, 6.1821, 2.5174)
Luminance	0.0618 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Forest Green (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#175122 #511746

analogous

#295117 #175122 #17513F

triadic

#175122 #221751 #512217

tetradic

#175122 #172951 #511746 #513F17

square

#175122 #172951 #511746 #513F17

split-complementary

#175122 #3F1751 #511729

monochromatic

#07180A #09210E #175122 #258136 #32B04A

Accesibilidad y contraste

On white

9.39

#175122 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.24

#175122 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #175122

9.39:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##175122	#FFFFFF	#000000	##FFFFFF
##175122	1.00	9.39	2.24	9.39
#FFFFFF	9.39	1.00	21.00	1.00
#000000	2.24	21.00	1.00	21.00
##FFFFFF	9.39	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#52491E

Deuteranopia (green-blind)

#4B4425

Tritanopia (blue-blind)

#054F46

Achromatopsia (no color)

#464646

Tokens de diseño y código

CSS

--color: #175122;
/* rgb */ color: rgb(23, 81, 34);
/* oklch */ color: oklch(38.5% 0.097 146.8);

Tailwind

colors: {
  custom: {
    50: '#5d825e',
    500: '#175122',
    950: '#000000',
  },
}

SCSS

$custom: #175122;
$custom-light: #5d825e;
$custom-dark: #000000;

JSON

{
  "hex": "#175122",
  "rgb": {
    "r": 23,
    "g": 81,
    "b": 34
  },
  "hsl": {
    "h": 131.379,
    "s": 55.769,
    "l": 20.392
  },
  "oklch": {
    "l": 0.38532,
    "c": 0.09691,
    "h": 146.8
  },
  "luminance": 0.06183
}

Semantic roles & 50–950 ramp

primary

#175122

secondary

#883C7A

accent

#49C3DF

background

#F5F8F5

surface

#E9EFE9

border

#C5CAC5

text

#040A04

muted

#797C79

Laboratorio de vista previa

Vista previa con #175122

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

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