#DC3F85#DC3F85

#DC3F85 es un color medio y muy saturado de la familia rosa. Luminancia relativa 0.205; OKLCH L 61.6% C 0.201 H 357.7°. El mejor color de texto es #000000 con contraste 5.09:1 (cumple WCAG AA).

Valores del color

HEX#DC3F85
RGBrgb(220, 63, 133)
HSLhsl(333, 69%, 55%)
HSVhsv(333, 71%, 86%)
CMYKcmyk(0%, 71.4%, 39.5%, 13.7%)
CIE-LABlab(52.36, 65.51, -3.39)
CIE-LCHlch(52.36, 65.60, 357.04°)
OKLaboklab(61.57% 0.201 -0.0081)
OKLCHoklch(61.57% 0.201 357.7)
XYZxyz(35.5288, 20.4685, 24.2656)
Luminance0.2046 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#DC3F85 #3FDC96
analogous
#DC3FD4 #DC3F85 #DC473F
triadic
#DC3F85 #85DC3F #3F85DC
tetradic
#DC3F85 #D4DC3F #3FDC96 #473FDC
square
#DC3F85 #D4DC3F #3FDC96 #473FDC
split-complementary
#DC3F85 #3FDC47 #3FD4DC
monochromatic
#88194A #BC2267 #DC3F85 #E573A6 #EFA7C7

Accesibilidad y contraste

On white

4.12
#DC3F85 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.09
#DC3F85 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #DC3F85
5.09:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##DC3F85#FFFFFF#000000##000000
##DC3F851.004.125.095.09
#FFFFFF4.121.0021.0021.00
#0000005.0921.001.001.00
##0000005.0921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#5F6A87
Deuteranopia (green-blind)
#8A8881
Tritanopia (blue-blind)
#EE2C5D
Achromatopsia (no color)
#7D7D7D

Tokens de diseño y código

CSS
--color: #dc3f85;
/* rgb */ color: rgb(220, 63, 133);
/* oklch */ color: oklch(61.6% 0.201 357.7);
Tailwind
colors: {
  custom: {
    50: '#ec80a8',
    500: '#dc3f85',
    950: '#000000',
  },
}
SCSS
$custom: #dc3f85;
$custom-light: #ec80a8;
$custom-dark: #000000;
JSON
{
  "hex": "#dc3f85",
  "rgb": {
    "r": 220,
    "g": 63,
    "b": 133
  },
  "hsl": {
    "h": 333.248,
    "s": 69.163,
    "l": 55.49
  },
  "oklch": {
    "l": 0.61574,
    "c": 0.20114,
    "h": 357.7
  },
  "luminance": 0.20464
}

Semantic roles & 50–950 ramp

primary
#DC3F85
secondary
#9BDCBF
accent
#EC9D3C
background
#FFF8FA
surface
#FFEFF4
border
#D7CACE
text
#170B0F
muted
#857C7F

Laboratorio de vista previa

Vista previa con #DC3F85

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

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

#DC3F85 — Tintiva