#BB7934#BB7934

#BB7934 es un color claro y moderadamente saturado de la familia naranja. Luminancia relativa 0.245; OKLCH L 63.3% C 0.117 H 63.7°. El mejor color de texto es #000000 con contraste 5.90:1 (cumple WCAG AA).

Valores del color

HEX#BB7934
RGBrgb(187, 121, 52)
HSLhsl(31, 56%, 47%)
HSVhsv(31, 72%, 73%)
CMYKcmyk(0%, 35.3%, 72.2%, 26.7%)
CIE-LABlab(56.58, 19.68, 46.95)
CIE-LCHlch(56.58, 50.91, 67.26°)
OKLaboklab(63.29% 0.0519 0.1052)
OKLCHoklch(63.29% 0.117 63.7)
XYZxyz(27.9529, 24.4901, 6.5031)
Luminance0.2449 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BB7934 #3476BB
analogous
#BB3634 #BB7934 #B9BB34
triadic
#BB7934 #34BB79 #7934BB
tetradic
#BB7934 #34BB36 #3476BB #BB34B9
square
#BB7934 #34BB36 #3476BB #BB34B9
split-complementary
#BB7934 #34B9BB #3634BB
monochromatic
#5B3B19 #8B5A27 #BB7934 #D1975B #DFB68B

Accesibilidad y contraste

On white

3.56
#BB7934 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.90
#BB7934 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #BB7934
5.90:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BB7934#FFFFFF#000000##000000
##BB79341.003.565.905.90
#FFFFFF3.561.0021.0021.00
#0000005.9021.001.001.00
##0000005.9021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#8E7F2C
Deuteranopia (green-blind)
#9D8E35
Tritanopia (blue-blind)
#CC6A6A
Achromatopsia (no color)
#888888

Tokens de diseño y código

CSS
--color: #bb7934;
/* rgb */ color: rgb(187, 121, 52);
/* oklch */ color: oklch(63.3% 0.117 63.7);
Tailwind
colors: {
  custom: {
    50: '#d4a06f',
    500: '#bb7934',
    950: '#000000',
  },
}
SCSS
$custom: #bb7934;
$custom-light: #d4a06f;
$custom-dark: #000000;
JSON
{
  "hex": "#bb7934",
  "rgb": {
    "r": 187,
    "g": 121,
    "b": 52
  },
  "hsl": {
    "h": 30.667,
    "s": 56.485,
    "l": 46.863
  },
  "oklch": {
    "l": 0.6329,
    "c": 0.11731,
    "h": 63.7
  },
  "luminance": 0.24487
}

Semantic roles & 50–950 ramp

primary
#BB7934
secondary
#82A5C9
accent
#92E048
background
#FDF9F6
surface
#FBF2EC
border
#D4CCC7
text
#150E07
muted
#837E7A

Laboratorio de vista previa

Vista previa con #BB7934

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

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

#BB7934 — Tintiva