#C36EAA#C36EAA

#C36EAA es un color claro y vivo de la familia rosa. Luminancia relativa 0.257; OKLCH L 65.2% C 0.131 H 339.1°. El mejor color de texto es #000000 con contraste 6.13:1 (cumple WCAG AA).

Valores del color

HEX#C36EAA
RGBrgb(195, 110, 170)
HSLhsl(318, 41%, 60%)
HSVhsv(318, 44%, 76%)
CMYKcmyk(0%, 43.6%, 12.8%, 23.5%)
CIE-LABlab(57.71, 41.81, -17.47)
CIE-LCHlch(57.71, 45.31, 337.32°)
OKLaboklab(65.22% 0.1222 -0.0467)
OKLCHoklch(65.22% 0.131 339.1)
XYZxyz(35.3375, 25.6585, 41.1137)
Luminance0.2566 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C36EAA #6EC387
analogous
#B16EC3 #C36EAA #C36E80
triadic
#C36EAA #AAC36E #6EAAC3
tetradic
#C36EAA #C3B16E #6EC387 #6E80C3
square
#C36EAA #C3B16E #6EC387 #6E80C3
split-complementary
#C36EAA #80C36E #6EC3B1
monochromatic
#81356B #AC478F #C36EAA #D599C3 #E7C5DD

Accesibilidad y contraste

On white

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

On black

6.13
#C36EAA on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #C36EAA
6.13:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C36EAA#FFFFFF#000000##000000
##C36EAA1.003.436.136.13
#FFFFFF3.431.0021.0021.00
#0000006.1321.001.001.00
##0000006.1321.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#7182AC
Deuteranopia (green-blind)
#878FA8
Tritanopia (blue-blind)
#CC7084
Achromatopsia (no color)
#8B8B8B

Tokens de diseño y código

CSS
--color: #c36eaa;
/* rgb */ color: rgb(195, 110, 170);
/* oklch */ color: oklch(65.2% 0.131 339.1);
Tailwind
colors: {
  custom: {
    50: '#d79ac3',
    500: '#c36eaa',
    950: '#000000',
  },
}
SCSS
$custom: #c36eaa;
$custom-light: #d79ac3;
$custom-dark: #000000;
JSON
{
  "hex": "#c36eaa",
  "rgb": {
    "r": 195,
    "g": 110,
    "b": 170
  },
  "hsl": {
    "h": 317.647,
    "s": 41.463,
    "l": 59.804
  },
  "oklch": {
    "l": 0.65219,
    "c": 0.13081,
    "h": 339.1
  },
  "luminance": 0.25656
}

Semantic roles & 50–950 ramp

primary
#C36EAA
secondary
#B6D7C0
accent
#D17B57
background
#FDF9FC
surface
#FAF2F8
border
#D3CCD1
text
#150E12
muted
#837E81

Laboratorio de vista previa

Vista previa con #C36EAA

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

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

#C36EAA — Tintiva