#CD3BBB#CD3BBB

#CD3BBB es un color medio y muy saturado de la familia purple. Luminancia relativa 0.197; OKLCH L 61.2% C 0.226 H 333.5°. El mejor color de texto es #000000 con contraste 4.94:1 (cumple WCAG AA).

Valores del color

HEX#CD3BBB
RGBrgb(205, 59, 187)
HSLhsl(307, 59%, 52%)
HSVhsv(307, 71%, 80%)
CMYKcmyk(0%, 71.2%, 8.8%, 19.6%)
CIE-LABlab(51.49, 69.87, -36.82)
CIE-LCHlch(51.49, 78.98, 332.21°)
OKLaboklab(61.16% 0.2021 -0.1009)
OKLCHoklch(61.16% 0.226 333.5)
XYZxyz(35.7107, 19.6979, 48.9254)
Luminance0.1969 (WCAG relative)
Temperatureneutral
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#CD3BBB #3BCD4D
analogous
#963BCD #CD3BBB #CD3B72
triadic
#CD3BBB #BBCD3B #3BBBCD
tetradic
#CD3BBB #CD963B #3BCD4D #3B72CD
square
#CD3BBB #CD963B #3BCD4D #3B72CD
split-complementary
#CD3BBB #72CD3B #3BCD96
monochromatic
#711D66 #A22993 #CD3BBB #D96CCC #E69DDD

Accesibilidad y contraste

On white

4.25
#CD3BBB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.94
#CD3BBB on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #CD3BBB
4.94:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##CD3BBB#FFFFFF#000000##000000
##CD3BBB1.004.254.944.94
#FFFFFF4.251.0021.0021.00
#0000004.9421.001.001.00
##0000004.9421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#366DBF
Deuteranopia (green-blind)
#6C82B7
Tritanopia (blue-blind)
#D64977
Achromatopsia (no color)
#7B7B7B

Tokens de diseño y código

CSS
--color: #cd3bbb;
/* rgb */ color: rgb(205, 59, 187);
/* oklch */ color: oklch(61.2% 0.226 333.5);
Tailwind
colors: {
  custom: {
    50: '#e07ed0',
    500: '#cd3bbb',
    950: '#000000',
  },
}
SCSS
$custom: #cd3bbb;
$custom-light: #e07ed0;
$custom-dark: #000000;
JSON
{
  "hex": "#cd3bbb",
  "rgb": {
    "r": 205,
    "g": 59,
    "b": 187
  },
  "hsl": {
    "h": 307.397,
    "s": 59.35,
    "l": 51.765
  },
  "oklch": {
    "l": 0.61163,
    "c": 0.22584,
    "h": 333.5
  },
  "luminance": 0.19695
}

Semantic roles & 50–950 ramp

primary
#CD3BBB
secondary
#92D29A
accent
#E35945
background
#FEF8FC
surface
#FCEFF9
border
#D5CAD2
text
#160B14
muted
#847C82

Laboratorio de vista previa

Vista previa con #CD3BBB

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

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

#CD3BBB — Tintiva