#C74FF5#C74FF5

#C74FF5 es un color claro y muy saturado de la familia purple. Luminancia relativa 0.243; OKLCH L 65.5% C 0.247 H 315.0°. El mejor color de texto es #000000 con contraste 5.87:1 (cumple WCAG AA).

Valores del color

HEX#C74FF5
RGBrgb(199, 79, 245)
HSLhsl(283, 89%, 64%)
HSVhsv(283, 68%, 96%)
CMYKcmyk(18.8%, 67.8%, 0%, 3.9%)
CIE-LABlab(56.41, 71.19, -62.01)
CIE-LCHlch(56.41, 94.41, 318.94°)
OKLaboklab(65.55% 0.1747 -0.1745)
OKLCHoklch(65.55% 0.247 315)
XYZxyz(42.8279, 24.3282, 88.8083)
Luminance0.2433 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C74FF5 #7DF54F
analogous
#744FF5 #C74FF5 #F54FD0
triadic
#C74FF5 #F5C74F #4FF5C7
tetradic
#C74FF5 #F5744F #7DF54F #4FD0F5
square
#C74FF5 #F5744F #7DF54F #4FD0F5
split-complementary
#C74FF5 #D0F54F #4FF574
monochromatic
#8D0BBF #B515F2 #C74FF5 #D989F8 #ECC3FC

Accesibilidad y contraste

On white

3.58
#C74FF5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.87
#C74FF5 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #C74FF5
5.87:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C74FF5#FFFFFF#000000##000000
##C74FF51.003.585.875.87
#FFFFFF3.581.0021.0021.00
#0000005.8721.001.001.00
##0000005.8721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#0080FA
Deuteranopia (green-blind)
#4A8AF1
Tritanopia (blue-blind)
#C3709C
Achromatopsia (no color)
#878787

Tokens de diseño y código

CSS
--color: #c74ff5;
/* rgb */ color: rgb(199, 79, 245);
/* oklch */ color: oklch(65.5% 0.247 315.0);
Tailwind
colors: {
  custom: {
    50: '#dc89f9',
    500: '#c74ff5',
    950: '#000000',
  },
}
SCSS
$custom: #c74ff5;
$custom-light: #dc89f9;
$custom-dark: #000000;
JSON
{
  "hex": "#c74ff5",
  "rgb": {
    "r": 199,
    "g": 79,
    "b": 245
  },
  "hsl": {
    "h": 283.373,
    "s": 89.247,
    "l": 63.529
  },
  "oklch": {
    "l": 0.65547,
    "c": 0.24696,
    "h": 315
  },
  "luminance": 0.24327
}

Semantic roles & 50–950 ramp

primary
#C74FF5
secondary
#C3EDB2
accent
#E60040
background
#FEF8FF
surface
#FCF0FF
border
#D5CBD7
text
#160C17
muted
#847D85

Laboratorio de vista previa

Vista previa con #C74FF5

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

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

#C74FF5 — Tintiva