#D41FD5#D41FD5

#D41FD5 es un color medio y muy saturado de la familia purple. Luminancia relativa 0.198; OKLCH L 61.9% C 0.270 H 328.0°. El mejor color de texto es #000000 con contraste 4.96:1 (cumple WCAG AA).

Valores del color

HEX#D41FD5
RGBrgb(212, 31, 213)
HSLhsl(300, 75%, 48%)
HSVhsv(300, 85%, 84%)
CMYKcmyk(0.5%, 85.4%, 0%, 16.5%)
CIE-LABlab(51.59, 82.26, -51.58)
CIE-LCHlch(51.59, 97.09, 327.91°)
OKLaboklab(61.9% 0.2293 -0.1433)
OKLCHoklch(61.9% 0.27 328)
XYZxyz(39.6511, 19.7842, 64.6682)
Luminance0.1978 (WCAG relative)
Temperatureneutral
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#D41FD5 #20D51F
analogous
#791FD5 #D41FD5 #D51F7B
triadic
#D41FD5 #D5D41F #1FD5D4
tetradic
#D41FD5 #D5791F #20D51F #1F7BD5
square
#D41FD5 #D5791F #20D51F #1F7BD5
split-complementary
#D41FD5 #7BD51F #1FD579
monochromatic
#6A0F6A #9F17A0 #D41FD5 #E44CE5 #EC82ED

Accesibilidad y contraste

On white

4.24
#D41FD5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.96
#D41FD5 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #D41FD5
4.96:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##D41FD5#FFFFFF#000000##000000
##D41FD51.004.244.964.96
#FFFFFF4.241.0021.0021.00
#0000004.9621.001.001.00
##0000004.9621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#006DD9
Deuteranopia (green-blind)
#5A83D1
Tritanopia (blue-blind)
#DB4580
Achromatopsia (no color)
#7B7B7B

Tokens de diseño y código

CSS
--color: #d41fd5;
/* rgb */ color: rgb(212, 31, 213);
/* oklch */ color: oklch(61.9% 0.270 328.0);
Tailwind
colors: {
  custom: {
    50: '#e677e2',
    500: '#d41fd5',
    950: '#000000',
  },
}
SCSS
$custom: #d41fd5;
$custom-light: #e677e2;
$custom-dark: #000000;
JSON
{
  "hex": "#d41fd5",
  "rgb": {
    "r": 212,
    "g": 31,
    "b": 213
  },
  "hsl": {
    "h": 299.67,
    "s": 74.59,
    "l": 47.843
  },
  "oklch": {
    "l": 0.61901,
    "c": 0.27041,
    "h": 328
  },
  "luminance": 0.19781
}

Semantic roles & 50–950 ramp

primary
#D41FD5
secondary
#7BD57A
accent
#F13738
background
#FEF8FD
surface
#FDEFFB
border
#D5CAD4
text
#170A15
muted
#857C83

Laboratorio de vista previa

Vista previa con #D41FD5

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

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

#D41FD5 — Tintiva