#0B3C19#0B3C19

#0B3C19 es un color oscuro y moderadamente saturado de la familia verde. Luminancia relativa 0.034; OKLCH L 31.5% C 0.079 H 148.7°. El mejor color de texto es #FFFFFF con contraste 12.54:1 (cumple WCAG AA).

Valores del color

HEX#0B3C19
RGBrgb(11, 60, 25)
HSLhsl(137, 69%, 14%)
HSVhsv(137, 82%, 24%)
CMYKcmyk(81.7%, 0%, 58.3%, 76.5%)
CIE-LABlab(21.48, -25.16, 17.01)
CIE-LCHlch(21.48, 30.37, 145.94°)
OKLaboklab(31.46% -0.0677 0.0412)
OKLCHoklch(31.46% 0.079 148.7)
XYZxyz(1.9292, 3.3728, 1.4689)
Luminance0.0337 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#0B3C19 #3C0B2E
analogous
#163C0B #0B3C19 #0B3C32
triadic
#0B3C19 #190B3C #3C190B
tetradic
#0B3C19 #0B163C #3C0B2E #3C320B
square
#0B3C19 #0B163C #3C0B2E #3C320B
split-complementary
#0B3C19 #320B3C #3C0B16
monochromatic
#051A0B #051A0B #0B3C19 #14702F #1EA344

Accesibilidad y contraste

On white

12.54
#0B3C19 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.67
#0B3C19 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #0B3C19
12.54:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##0B3C19#FFFFFF#000000##FFFFFF
##0B3C191.0012.541.6712.54
#FFFFFF12.541.0021.001.00
#0000001.6721.001.0021.00
##FFFFFF12.541.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#3D3616
Deuteranopia (green-blind)
#37321C
Tritanopia (blue-blind)
#003B34
Achromatopsia (no color)
#343434

Tokens de diseño y código

CSS
--color: #0b3c19;
/* rgb */ color: rgb(11, 60, 25);
/* oklch */ color: oklch(31.5% 0.079 148.7);
Tailwind
colors: {
  custom: {
    50: '#527256',
    500: '#0b3c19',
    950: '#000000',
  },
}
SCSS
$custom: #0b3c19;
$custom-light: #527256;
$custom-dark: #000000;
JSON
{
  "hex": "#0b3c19",
  "rgb": {
    "r": 11,
    "g": 60,
    "b": 25
  },
  "hsl": {
    "h": 137.143,
    "s": 69.014,
    "l": 13.922
  },
  "oklch": {
    "l": 0.31464,
    "c": 0.07925,
    "h": 148.7
  },
  "luminance": 0.03373
}

Semantic roles & 50–950 ramp

primary
#0B3C19
secondary
#792A62
accent
#3CBAEC
background
#F4F6F5
surface
#E7ECE9
border
#C3C7C5
text
#030803
muted
#787B78

Laboratorio de vista previa

Vista previa con #0B3C19

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

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

#0B3C19 — Tintiva