#784362#784362

#784362 es un color medio y moderadamente saturado de la familia rosa. Luminancia relativa 0.089; OKLCH L 45.7% C 0.084 H 344.9°. El mejor color de texto es #FFFFFF con contraste 7.56:1 (cumple WCAG AA).

Valores del color

HEX#784362
RGBrgb(120, 67, 98)
HSLhsl(325, 28%, 37%)
HSVhsv(325, 44%, 47%)
CMYKcmyk(0%, 44.2%, 18.3%, 52.9%)
CIE-LABlab(35.77, 27.38, -8.30)
CIE-LCHlch(35.77, 28.61, 343.14°)
OKLaboklab(45.72% 0.0812 -0.0219)
OKLCHoklch(45.72% 0.084 344.9)
XYZxyz(11.9577, 8.8900, 12.6390)
Luminance0.0889 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#784362 #437859
analogous
#744378 #784362 #784348
triadic
#784362 #627843 #436278
tetradic
#784362 #787443 #437859 #434878
square
#784362 #787443 #437859 #434878
split-complementary
#784362 #487843 #437874
monochromatic
#291722 #512D42 #784362 #9F5982 #B77EA0

Accesibilidad y contraste

On white

7.56
#784362 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.78
#784362 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #784362
7.56:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##784362#FFFFFF#000000##FFFFFF
##7843621.007.562.787.56
#FFFFFF7.561.0021.001.00
#0000002.7821.001.0021.00
##FFFFFF7.561.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#474F63
Deuteranopia (green-blind)
#545761
Tritanopia (blue-blind)
#7E434E
Achromatopsia (no color)
#545454

Tokens de diseño y código

CSS
--color: #784362;
/* rgb */ color: rgb(120, 67, 98);
/* oklch */ color: oklch(45.7% 0.084 344.9);
Tailwind
colors: {
  custom: {
    50: '#a0788e',
    500: '#784362',
    950: '#000000',
  },
}
SCSS
$custom: #784362;
$custom-light: #a0788e;
$custom-dark: #000000;
JSON
{
  "hex": "#784362",
  "rgb": {
    "r": 120,
    "g": 67,
    "b": 98
  },
  "hsl": {
    "h": 324.906,
    "s": 28.342,
    "l": 36.667
  },
  "oklch": {
    "l": 0.45717,
    "c": 0.08407,
    "h": 344.9
  },
  "luminance": 0.08889
}

Semantic roles & 50–950 ramp

primary
#784362
secondary
#74A288
accent
#C58C63
background
#FAF7F8
surface
#F3EDF0
border
#CDC8CB
text
#0F090C
muted
#7F7B7D

Laboratorio de vista previa

Vista previa con #784362

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

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

#784362 — Tintiva