#B36C19#B36C19

#B36C19 es un color medio y vivo de la familia naranja. Luminancia relativa 0.204; OKLCH L 59.7% C 0.127 H 63.4°. El mejor color de texto es #000000 con contraste 5.08:1 (cumple WCAG AA).

Valores del color

HEX#B36C19
RGBrgb(179, 108, 25)
HSLhsl(32, 75%, 40%)
HSVhsv(32, 86%, 70%)
CMYKcmyk(0%, 39.7%, 86%, 29.8%)
CIE-LABlab(52.27, 22.35, 53.61)
CIE-LCHlch(52.27, 58.08, 67.37°)
OKLaboklab(59.67% 0.0568 0.1135)
OKLCHoklch(59.67% 0.127 63.4)
XYZxyz(24.1306, 20.3816, 3.5828)
Luminance0.2038 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#B36C19 #1960B3
analogous
#B31F19 #B36C19 #ADB319
triadic
#B36C19 #19B36C #6C19B3
tetradic
#B36C19 #19B31F #1960B3 #B319AD
square
#B36C19 #19B31F #1960B3 #B319AD
split-complementary
#B36C19 #19ADB3 #1F19B3
monochromatic
#482B0A #7D4C12 #B36C19 #E18C28 #E8A95E

Accesibilidad y contraste

On white

4.14
#B36C19 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.08
#B36C19 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #B36C19
5.08:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##B36C19#FFFFFF#000000##000000
##B36C191.004.145.085.08
#FFFFFF4.141.0021.0021.00
#0000005.0821.001.001.00
##0000005.0821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#827304
Deuteranopia (green-blind)
#93831A
Tritanopia (blue-blind)
#C45B5D
Achromatopsia (no color)
#7D7D7D

Tokens de diseño y código

CSS
--color: #b36c19;
/* rgb */ color: rgb(179, 108, 25);
/* oklch */ color: oklch(59.7% 0.127 63.4);
Tailwind
colors: {
  custom: {
    50: '#d0965f',
    500: '#b36c19',
    950: '#000000',
  },
}
SCSS
$custom: #b36c19;
$custom-light: #d0965f;
$custom-dark: #000000;
JSON
{
  "hex": "#b36c19",
  "rgb": {
    "r": 179,
    "g": 108,
    "b": 25
  },
  "hsl": {
    "h": 32.338,
    "s": 75.49,
    "l": 40
  },
  "oklch": {
    "l": 0.59672,
    "c": 0.1269,
    "h": 63.4
  },
  "luminance": 0.20379
}

Semantic roles & 50–950 ramp

primary
#B36C19
secondary
#5B8FCC
accent
#8DF236
background
#FDF9F5
surface
#FBF2EA
border
#D4CCC6
text
#150D05
muted
#837E79

Laboratorio de vista previa

Vista previa con #B36C19

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

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

#B36C19 — Tintiva