#784668#784668

#784668 es un color medio y moderadamente saturado de la familia rosa. Luminancia relativa 0.094; OKLCH L 46.5% C 0.083 H 339.9°. El mejor color de texto es #FFFFFF con contraste 7.31:1 (cumple WCAG AA).

Valores del color

HEX#784668
RGBrgb(120, 70, 104)
HSLhsl(319, 26%, 37%)
HSVhsv(319, 42%, 47%)
CMYKcmyk(0%, 41.7%, 13.3%, 52.9%)
CIE-LABlab(36.69, 26.70, -10.69)
CIE-LCHlch(36.69, 28.76, 338.18°)
OKLaboklab(46.49% 0.078 -0.0285)
OKLCHoklch(46.49% 0.083 339.9)
XYZxyz(12.4346, 9.3736, 14.2483)
Luminance0.0937 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#784668 #467856
analogous
#6F4678 #784668 #78464F
triadic
#784668 #687846 #466878
tetradic
#784668 #786F46 #467856 #464F78
square
#784668 #786F46 #467856 #464F78
split-complementary
#784668 #4F7846 #46786F
monochromatic
#2B1925 #512F47 #784668 #9F5D89 #B682A6

Accesibilidad y contraste

On white

7.31
#784668 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.87
#784668 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #784668
7.31:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##784668#FFFFFF#000000##FFFFFF
##7846681.007.312.877.31
#FFFFFF7.311.0021.001.00
#0000002.8721.001.0021.00
##FFFFFF7.311.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#485269
Deuteranopia (green-blind)
#555967
Tritanopia (blue-blind)
#7D4752
Achromatopsia (no color)
#565656

Tokens de diseño y código

CSS
--color: #784668;
/* rgb */ color: rgb(120, 70, 104);
/* oklch */ color: oklch(46.5% 0.083 339.9);
Tailwind
colors: {
  custom: {
    50: '#a07a93',
    500: '#784668',
    950: '#000000',
  },
}
SCSS
$custom: #784668;
$custom-light: #a07a93;
$custom-dark: #000000;
JSON
{
  "hex": "#784668",
  "rgb": {
    "r": 120,
    "g": 70,
    "b": 104
  },
  "hsl": {
    "h": 319.2,
    "s": 26.316,
    "l": 37.255
  },
  "oklch": {
    "l": 0.46487,
    "c": 0.08306,
    "h": 339.9
  },
  "luminance": 0.09373
}

Semantic roles & 50–950 ramp

primary
#784668
secondary
#78A285
accent
#C38365
background
#F9F7F9
surface
#F2EEF1
border
#CCC9CB
text
#0F090D
muted
#7E7B7E

Laboratorio de vista previa

Vista previa con #784668

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

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

#784668 — Tintiva