#CA835E#CA835E

#CA835E es un color claro y moderadamente saturado de la familia naranja. Luminancia relativa 0.296; OKLCH L 67.5% C 0.102 H 48.0°. El mejor color de texto es #000000 con contraste 6.92:1 (cumple WCAG AA).

Valores del color

HEX	#CA835E
RGB	rgb(202, 131, 94)
HSL	hsl(21, 50%, 58%)
HSV	hsv(21, 53%, 79%)
CMYK	cmyk(0%, 35.1%, 53.5%, 20.8%)
CIE-LAB	lab(61.31, 23.43, 31.19)
CIE-LCH	lch(61.31, 39.01, 53.09°)
OKLab	oklab(67.52% 0.0681 0.0756)
OKLCH	oklch(67.52% 0.102 48)
XYZ	xyz(34.4959, 29.6002, 14.4841)
Luminance	0.2960 (WCAG relative)
Temperature	warm
Family	orange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#CA835E #5EA5CA

analogous

#CA5E6F #CA835E #CAB95E

triadic

#CA835E #5ECA83 #835ECA

tetradic

#CA835E #6FCA5E #5EA5CA #B95ECA

square

#CA835E #6FCA5E #5EA5CA #B95ECA

split-complementary

#CA835E #5ECAB9 #5E6FCA

monochromatic

#83492B #B1633A #CA835E #D9A68C #E8CABA

Accesibilidad y contraste

On white

3.03

#CA835E on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.92

#CA835E on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #CA835E

6.92:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##CA835E	#FFFFFF	#000000	##000000
##CA835E	1.00	3.03	6.92	6.92
#FFFFFF	3.03	1.00	21.00	21.00
#000000	6.92	21.00	1.00	1.00
##000000	6.92	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#968B5B

Deuteranopia (green-blind)

#A79A5E

Tritanopia (blue-blind)

#DA767A

Achromatopsia (no color)

#949494

Tokens de diseño y código

CSS

--color: #ca835e;
/* rgb */ color: rgb(202, 131, 94);
/* oklch */ color: oklch(67.5% 0.102 48.0);

Tailwind

colors: {
  custom: {
    50: '#dda78c',
    500: '#ca835e',
    950: '#000000',
  },
}

SCSS

$custom: #ca835e;
$custom-light: #dda78c;
$custom-dark: #000000;

JSON

{
  "hex": "#ca835e",
  "rgb": {
    "r": 202,
    "g": 131,
    "b": 94
  },
  "hsl": {
    "h": 20.556,
    "s": 50.467,
    "l": 58.039
  },
  "oklch": {
    "l": 0.6752,
    "c": 0.10178,
    "h": 48
  },
  "luminance": 0.29597
}

Semantic roles & 50–950 ramp

primary

#CA835E

secondary

#ACC9D7

accent

#AADA4E

background

#FEFAF8

surface

#FCF4F0

border

#D5CECB

text

#160F0C

muted

#847F7D

Laboratorio de vista previa

Vista previa con #CA835E

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

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