#0B341D#0B341D

#0B341D es un color oscuro y moderadamente saturado de la familia verde. Luminancia relativa 0.026; OKLCH L 29.0% C 0.062 H 154.7°. El mejor color de texto es #FFFFFF con contraste 13.79:1 (cumple WCAG AA).

Valores del color

HEX#0B341D
RGBrgb(11, 52, 29)
HSLhsl(146, 65%, 12%)
HSVhsv(146, 79%, 20%)
CMYKcmyk(78.8%, 0%, 44.2%, 79.6%)
CIE-LABlab(18.43, -20.61, 10.55)
CIE-LCHlch(18.43, 23.15, 152.89°)
OKLaboklab(28.98% -0.0557 0.0264)
OKLCHoklch(28.98% 0.062 154.7)
XYZxyz(1.5876, 2.6157, 1.5834)
Luminance0.0262 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#0B341D #340B22
analogous
#0E340B #0B341D #0B3431
triadic
#0B341D #1D0B34 #341D0B
tetradic
#0B341D #0B0E34 #340B22 #34310B
square
#0B341D #0B0E34 #340B22 #34310B
split-complementary
#0B341D #310B34 #340B0E
monochromatic
#05190E #05190E #0B341D #166739 #209955

Accesibilidad y contraste

On white

13.79
#0B341D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.52
#0B341D on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #0B341D
13.79:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##0B341D#FFFFFF#000000##FFFFFF
##0B341D1.0013.791.5213.79
#FFFFFF13.791.0021.001.00
#0000001.5221.001.0021.00
##FFFFFF13.791.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#342F1B
Deuteranopia (green-blind)
#2F2B1E
Tritanopia (blue-blind)
#00332E
Achromatopsia (no color)
#2D2D2D

Tokens de diseño y código

CSS
--color: #0b341d;
/* rgb */ color: rgb(11, 52, 29);
/* oklch */ color: oklch(29.0% 0.062 154.7);
Tailwind
colors: {
  custom: {
    50: '#506c59',
    500: '#0b341d',
    950: '#000000',
  },
}
SCSS
$custom: #0b341d;
$custom-light: #506c59;
$custom-dark: #000000;
JSON
{
  "hex": "#0b341d",
  "rgb": {
    "r": 11,
    "g": 52,
    "b": 29
  },
  "hsl": {
    "h": 146.341,
    "s": 65.079,
    "l": 12.353
  },
  "oklch": {
    "l": 0.28977,
    "c": 0.06168,
    "h": 154.7
  },
  "luminance": 0.02616
}

Semantic roles & 50–950 ramp

primary
#0B341D
secondary
#712A52
accent
#409EE8
background
#F4F6F5
surface
#E7EBE9
border
#C3C6C5
text
#020703
muted
#787A78

Laboratorio de vista previa

Vista previa con #0B341D

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

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

#0B341D — Tintiva