#CA735B#CA735B

#CA735B es un color claro y moderadamente saturado de la familia rojo. Luminancia relativa 0.256; OKLCH L 64.7% C 0.116 H 36.3°. El mejor color de texto es #000000 con contraste 6.11:1 (cumple WCAG AA).

Valores del color

HEX#CA735B
RGBrgb(202, 115, 91)
HSLhsl(13, 51%, 57%)
HSVhsv(13, 55%, 79%)
CMYKcmyk(0%, 43.1%, 55%, 20.8%)
CIE-LABlab(57.63, 31.82, 28.15)
CIE-LCHlch(57.63, 42.48, 41.50°)
OKLaboklab(64.68% 0.0933 0.0685)
OKLCHoklch(64.68% 0.116 36.3)
XYZxyz(32.3784, 25.5766, 13.1271)
Luminance0.2557 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#CA735B #5BB2CA
analogous
#CA5B7B #CA735B #CAAB5B
triadic
#CA735B #5BCA73 #735BCA
tetradic
#CA735B #7BCA5B #5BB2CA #AB5BCA
square
#CA735B #7BCA5B #5BB2CA #AB5BCA
split-complementary
#CA735B #5BCAAB #5B7BCA
monochromatic
#813D2A #AF5239 #CA735B #D99A89 #E8C2B8

Accesibilidad y contraste

On white

3.43
#CA735B on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.11
#CA735B on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #CA735B
6.11:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##CA735B#FFFFFF#000000##000000
##CA735B1.003.436.116.11
#FFFFFF3.431.0021.0021.00
#0000006.1121.001.001.00
##0000006.1121.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#897F59
Deuteranopia (green-blind)
#9E925A
Tritanopia (blue-blind)
#DB646D
Achromatopsia (no color)
#8A8A8A

Tokens de diseño y código

CSS
--color: #ca735b;
/* rgb */ color: rgb(202, 115, 91);
/* oklch */ color: oklch(64.7% 0.116 36.3);
Tailwind
colors: {
  custom: {
    50: '#de9c89',
    500: '#ca735b',
    950: '#000000',
  },
}
SCSS
$custom: #ca735b;
$custom-light: #de9c89;
$custom-dark: #000000;
JSON
{
  "hex": "#ca735b",
  "rgb": {
    "r": 202,
    "g": 115,
    "b": 91
  },
  "hsl": {
    "h": 12.973,
    "s": 51.152,
    "l": 57.451
  },
  "oklch": {
    "l": 0.64676,
    "c": 0.11569,
    "h": 36.3
  },
  "luminance": 0.25573
}

Semantic roles & 50–950 ramp

primary
#CA735B
secondary
#AACDD7
accent
#BCDB4D
background
#FEF9F8
surface
#FCF2F0
border
#D5CCCB
text
#160E0B
muted
#847E7C

Laboratorio de vista previa

Vista previa con #CA735B

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

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

#CA735B — Tintiva