#344922#344922

#344922 es un color oscuro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.056; OKLCH L 37.7% C 0.067 H 132.1°. El mejor color de texto es #FFFFFF con contraste 9.90:1 (cumple WCAG AA).

Valores del color

HEX#344922
RGBrgb(52, 73, 34)
HSLhsl(92, 36%, 21%)
HSVhsv(92, 53%, 29%)
CMYKcmyk(28.8%, 0%, 53.4%, 71.4%)
CIE-LABlab(28.41, -16.24, 20.64)
CIE-LCHlch(28.41, 26.26, 128.19°)
OKLaboklab(37.72% -0.0449 0.0497)
OKLCHoklch(37.72% 0.067 132.1)
XYZxyz(4.0874, 5.6105, 2.3807)
Luminance0.0561 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#344922 #372249
analogous
#474922 #344922 #224923
triadic
#344922 #223449 #492234
tetradic
#344922 #224749 #372249 #492322
square
#344922 #224749 #372249 #492322
split-complementary
#344922 #232249 #492247
monochromatic
#0F150A #161F0F #344922 #527335 #6F9D49

Accesibilidad y contraste

On white

9.90
#344922 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.12
#344922 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #344922
9.90:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##344922#FFFFFF#000000##FFFFFF
##3449221.009.902.129.90
#FFFFFF9.901.0021.001.00
#0000002.1221.001.0021.00
##FFFFFF9.901.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#4C441F
Deuteranopia (green-blind)
#494224
Tritanopia (blue-blind)
#354640
Achromatopsia (no color)
#434343

Tokens de diseño y código

CSS
--color: #344922;
/* rgb */ color: rgb(52, 73, 34);
/* oklch */ color: oklch(37.7% 0.067 132.1);
Tailwind
colors: {
  custom: {
    50: '#6d7c5e',
    500: '#344922',
    950: '#000000',
  },
}
SCSS
$custom: #344922;
$custom-light: #6d7c5e;
$custom-dark: #000000;
JSON
{
  "hex": "#344922",
  "rgb": {
    "r": 52,
    "g": 73,
    "b": 34
  },
  "hsl": {
    "h": 92.308,
    "s": 36.449,
    "l": 20.98
  },
  "oklch": {
    "l": 0.37722,
    "c": 0.06695,
    "h": 132.1
  },
  "luminance": 0.05611
}

Semantic roles & 50–950 ramp

primary
#344922
secondary
#654A7D
accent
#5BCC98
background
#F6F7F5
surface
#EBEEE9
border
#C6C9C5
text
#070904
muted
#7A7B79

Laboratorio de vista previa

Vista previa con #344922

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

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

#344922 — Tintiva