#323E18#323E18

#323E18 es un color oscuro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.042; OKLCH L 34.3% C 0.061 H 124.1°. El mejor color de texto es #FFFFFF con contraste 11.43:1 (cumple WCAG AA).

Valores del color

HEX#323E18
RGBrgb(50, 62, 24)
HSLhsl(79, 44%, 17%)
HSVhsv(79, 61%, 24%)
CMYKcmyk(19.4%, 0%, 61.3%, 75.7%)
CIE-LABlab(24.29, -12.15, 21.48)
CIE-LCHlch(24.29, 24.68, 119.51°)
OKLaboklab(34.31% -0.0343 0.0506)
OKLCHoklch(34.31% 0.061 124.1)
XYZxyz(3.2029, 4.1893, 1.5039)
Luminance0.0419 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#323E18 #24183E
analogous
#3E3718 #323E18 #1F3E18
triadic
#323E18 #18323E #3E1832
tetradic
#323E18 #183E37 #24183E #3E181F
square
#323E18 #183E37 #24183E #3E181F
split-complementary
#323E18 #181F3E #37183E
monochromatic
#121609 #121609 #323E18 #566A29 #79963A

Accesibilidad y contraste

On white

11.43
#323E18 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.84
#323E18 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #323E18
11.43:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##323E18#FFFFFF#000000##FFFFFF
##323E181.0011.431.8411.43
#FFFFFF11.431.0021.001.00
#0000001.8421.001.0021.00
##FFFFFF11.431.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#423A14
Deuteranopia (green-blind)
#403A1A
Tritanopia (blue-blind)
#343B35
Achromatopsia (no color)
#3A3A3A

Tokens de diseño y código

CSS
--color: #323e18;
/* rgb */ color: rgb(50, 62, 24);
/* oklch */ color: oklch(34.3% 0.061 124.1);
Tailwind
colors: {
  custom: {
    50: '#6b7356',
    500: '#323e18',
    950: '#000000',
  },
}
SCSS
$custom: #323e18;
$custom-light: #6b7356;
$custom-dark: #000000;
JSON
{
  "hex": "#323e18",
  "rgb": {
    "r": 50,
    "g": 62,
    "b": 24
  },
  "hsl": {
    "h": 78.947,
    "s": 44.186,
    "l": 16.863
  },
  "oklch": {
    "l": 0.34311,
    "c": 0.06116,
    "h": 124.1
  },
  "luminance": 0.04189
}

Semantic roles & 50–950 ramp

primary
#323E18
secondary
#4F3D74
accent
#54D47C
background
#F6F6F5
surface
#EBECE9
border
#C6C7C5
text
#070803
muted
#7A7B78

Laboratorio de vista previa

Vista previa con #323E18

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

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

#323E18 — Tintiva