#BC7632#BC7632

#BC7632 es un color claro y vivo de la familia naranja. Luminancia relativa 0.239; OKLCH L 62.8% C 0.120 H 61.4°. El mejor color de texto es #000000 con contraste 5.78:1 (cumple WCAG AA).

Valores del color

HEX#BC7632
RGBrgb(188, 118, 50)
HSLhsl(30, 58%, 47%)
HSVhsv(30, 73%, 74%)
CMYKcmyk(0%, 37.2%, 73.4%, 26.3%)
CIE-LABlab(55.97, 21.67, 47.29)
CIE-LCHlch(55.97, 52.02, 65.38°)
OKLaboklab(62.84% 0.0574 0.1055)
OKLCHoklch(62.84% 0.12 61.4)
XYZxyz(27.7954, 23.8812, 6.1627)
Luminance0.2388 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BC7632 #3278BC
analogous
#BC3233 #BC7632 #BCBB32
triadic
#BC7632 #32BC76 #7632BC
tetradic
#BC7632 #33BC32 #3278BC #BB32BC
square
#BC7632 #33BC32 #3278BC #BB32BC
split-complementary
#BC7632 #32BCBB #3233BC
monochromatic
#5B3918 #8C5825 #BC7632 #D39558 #E0B489

Accesibilidad y contraste

On white

3.64
#BC7632 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.78
#BC7632 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #BC7632
5.78:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BC7632#FFFFFF#000000##000000
##BC76321.003.645.785.78
#FFFFFF3.641.0021.0021.00
#0000005.7821.001.001.00
##0000005.7821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#8C7C2A
Deuteranopia (green-blind)
#9C8C33
Tritanopia (blue-blind)
#CD6668
Achromatopsia (no color)
#868686

Tokens de diseño y código

CSS
--color: #bc7632;
/* rgb */ color: rgb(188, 118, 50);
/* oklch */ color: oklch(62.8% 0.120 61.4);
Tailwind
colors: {
  custom: {
    50: '#d59d6e',
    500: '#bc7632',
    950: '#000000',
  },
}
SCSS
$custom: #bc7632;
$custom-light: #d59d6e;
$custom-dark: #000000;
JSON
{
  "hex": "#bc7632",
  "rgb": {
    "r": 188,
    "g": 118,
    "b": 50
  },
  "hsl": {
    "h": 29.565,
    "s": 57.983,
    "l": 46.667
  },
  "oklch": {
    "l": 0.62841,
    "c": 0.12011,
    "h": 61.4
  },
  "luminance": 0.23879
}

Semantic roles & 50–950 ramp

primary
#BC7632
secondary
#80A5C9
accent
#95E147
background
#FDF9F6
surface
#FBF2EC
border
#D4CCC7
text
#150E07
muted
#837E7A

Laboratorio de vista previa

Vista previa con #BC7632

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

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

#BC7632 — Tintiva