#CAA6BA#CAA6BA

#CAA6BA es un color claro y apagado de la familia rosa. Luminancia relativa 0.434; OKLCH L 76.3% C 0.050 H 343.9°. El mejor color de texto es #000000 con contraste 9.67:1 (cumple WCAG AA).

Valores del color

HEX#CAA6BA
RGBrgb(202, 166, 186)
HSLhsl(327, 25%, 72%)
HSVhsv(327, 18%, 79%)
CMYKcmyk(0%, 17.8%, 7.9%, 20.8%)
CIE-LABlab(71.81, 16.50, -5.28)
CIE-LCHlch(71.81, 17.32, 342.24°)
OKLaboklab(76.33% 0.0479 -0.0138)
OKLCHoklch(76.33% 0.05 343.9)
XYZxyz(46.8556, 43.3754, 52.3489)
Luminance0.4337 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#CAA6BA #A6CAB6
analogous
#C8A6CA #CAA6BA #CAA6A8
triadic
#CAA6BA #BACAA6 #A6BACA
tetradic
#CAA6BA #CAC8A6 #A6CAB6 #A6A8CA
square
#CAA6BA #CAC8A6 #A6CAB6 #A6A8CA
split-complementary
#CAA6BA #A8CAA6 #A6CAC8
monochromatic
#9A5C7E #B3809C #CAA6BA #E1CCD8 #F4ECF0

Accesibilidad y contraste

On white

2.17
#CAA6BA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.67
#CAA6BA on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #CAA6BA
9.67:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##CAA6BA#FFFFFF#000000##000000
##CAA6BA1.002.179.679.67
#FFFFFF2.171.0021.0021.00
#0000009.6721.001.001.00
##0000009.6721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#A8ADBB
Deuteranopia (green-blind)
#B0B2B9
Tritanopia (blue-blind)
#CFA6AD
Achromatopsia (no color)
#B0B0B0

Tokens de diseño y código

CSS
--color: #caa6ba;
/* rgb */ color: rgb(202, 166, 186);
/* oklch */ color: oklch(76.3% 0.050 343.9);
Tailwind
colors: {
  custom: {
    50: '#dac0ce',
    500: '#caa6ba',
    950: '#000000',
  },
}
SCSS
$custom: #caa6ba;
$custom-light: #dac0ce;
$custom-dark: #000000;
JSON
{
  "hex": "#caa6ba",
  "rgb": {
    "r": 202,
    "g": 166,
    "b": 186
  },
  "hsl": {
    "h": 326.667,
    "s": 25.352,
    "l": 72.157
  },
  "oklch": {
    "l": 0.76329,
    "c": 0.04985,
    "h": 343.9
  },
  "luminance": 0.43374
}

Semantic roles & 50–950 ramp

primary
#CAA6BA
secondary
#E1EAE5
accent
#A46D42
background
#FDFBFC
surface
#FAF7F9
border
#D3D0D2
text
#151213
muted
#838182

Laboratorio de vista previa

Vista previa con #CAA6BA

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

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

#CAA6BA — Tintiva