#523D2E#523D2E

#523D2E es un color oscuro y apagado de la familia naranja. Luminancia relativa 0.053; OKLCH L 37.9% C 0.038 H 56.8°. El mejor color de texto es #FFFFFF con contraste 10.17:1 (cumple WCAG AA).

Valores del color

HEX#523D2E
RGBrgb(82, 61, 46)
HSLhsl(25, 28%, 25%)
HSVhsv(25, 44%, 32%)
CMYKcmyk(0%, 25.6%, 43.9%, 67.8%)
CIE-LABlab(27.65, 6.89, 12.81)
CIE-LCHlch(27.65, 14.54, 61.73°)
OKLaboklab(37.89% 0.021 0.032)
OKLCHoklch(37.89% 0.038 56.8)
XYZxyz(5.6418, 5.3289, 3.3157)
Luminance0.0533 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#523D2E #2E4352
analogous
#522E31 #523D2E #524F2E
triadic
#523D2E #2E523D #3D2E52
tetradic
#523D2E #31522E #2E4352 #4F2E52
square
#523D2E #31522E #2E4352 #4F2E52
split-complementary
#523D2E #2E524F #2E3152
monochromatic
#140F0B #2B2018 #523D2E #795A44 #A0775A

Accesibilidad y contraste

On white

10.17
#523D2E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.07
#523D2E on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #523D2E
10.17:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##523D2E#FFFFFF#000000##FFFFFF
##523D2E1.0010.172.0710.17
#FFFFFF10.171.0021.001.00
#0000002.0721.001.0021.00
##FFFFFF10.171.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#433F2D
Deuteranopia (green-blind)
#48432E
Tritanopia (blue-blind)
#583939
Achromatopsia (no color)
#414141

Tokens de diseño y código

CSS
--color: #523d2e;
/* rgb */ color: rgb(82, 61, 46);
/* oklch */ color: oklch(37.9% 0.038 56.8);
Tailwind
colors: {
  custom: {
    50: '#847266',
    500: '#523d2e',
    950: '#000000',
  },
}
SCSS
$custom: #523d2e;
$custom-light: #847266;
$custom-dark: #000000;
JSON
{
  "hex": "#523d2e",
  "rgb": {
    "r": 82,
    "g": 61,
    "b": 46
  },
  "hsl": {
    "h": 25,
    "s": 28.125,
    "l": 25.098
  },
  "oklch": {
    "l": 0.37889,
    "c": 0.03829,
    "h": 56.8
  },
  "luminance": 0.05329
}

Semantic roles & 50–950 ramp

primary
#523D2E
secondary
#587284
accent
#9CC463
background
#F8F6F6
surface
#EFECEB
border
#CAC7C6
text
#0B0806
muted
#7C7B7A

Laboratorio de vista previa

Vista previa con #523D2E

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

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

#523D2E — Tintiva