#855B4C#855B4C

#855B4C es un color medio y moderadamente saturado de la familia naranja. Luminancia relativa 0.130; OKLCH L 51.2% C 0.060 H 40.5°. El mejor color de texto es #FFFFFF con contraste 5.84:1 (cumple WCAG AA).

Valores del color

HEX#855B4C
RGBrgb(133, 91, 76)
HSLhsl(16, 27%, 41%)
HSVhsv(16, 43%, 52%)
CMYKcmyk(0%, 31.6%, 42.9%, 47.8%)
CIE-LABlab(42.75, 15.27, 15.59)
CIE-LCHlch(42.75, 21.82, 45.59°)
OKLaboklab(51.22% 0.046 0.0392)
OKLCHoklch(51.22% 0.06 40.5)
XYZxyz(14.7191, 12.9915, 8.5684)
Luminance0.1299 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#855B4C #4C7685
analogous
#854C59 #855B4C #85774C
triadic
#855B4C #4C855B #5B4C85
tetradic
#855B4C #59854C #4C7685 #774C85
square
#855B4C #59854C #4C7685 #774C85
split-complementary
#855B4C #4C8577 #4C5985
monochromatic
#37261F #5E4036 #855B4C #A87866 #BE9A8D

Accesibilidad y contraste

On white

5.84
#855B4C on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.60
#855B4C on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #855B4C
5.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##855B4C#FFFFFF#000000##FFFFFF
##855B4C1.005.843.605.84
#FFFFFF5.841.0021.001.00
#0000003.6021.001.0021.00
##FFFFFF5.841.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#65604B
Deuteranopia (green-blind)
#6F684C
Tritanopia (blue-blind)
#8F5457
Achromatopsia (no color)
#656565

Tokens de diseño y código

CSS
--color: #855b4c;
/* rgb */ color: rgb(133, 91, 76);
/* oklch */ color: oklch(51.2% 0.060 40.5);
Tailwind
colors: {
  custom: {
    50: '#aa897e',
    500: '#855b4c',
    950: '#000000',
  },
}
SCSS
$custom: #855b4c;
$custom-light: #aa897e;
$custom-dark: #000000;
JSON
{
  "hex": "#855b4c",
  "rgb": {
    "r": 133,
    "g": 91,
    "b": 76
  },
  "hsl": {
    "h": 15.789,
    "s": 27.273,
    "l": 40.98
  },
  "oklch": {
    "l": 0.51222,
    "c": 0.06046,
    "h": 40.5
  },
  "luminance": 0.12991
}

Semantic roles & 50–950 ramp

primary
#855B4C
secondary
#82A0AA
accent
#AAC464
background
#FAF8F7
surface
#F4F0EE
border
#CECBC9
text
#100B09
muted
#7F7C7B

Laboratorio de vista previa

Vista previa con #855B4C

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

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

#855B4C — Tintiva