#76547E#76547E

#76547E es un color medio y moderadamente saturado de la familia purple. Luminancia relativa 0.117; OKLCH L 49.8% C 0.077 H 319.8°. El mejor color de texto es #FFFFFF con contraste 6.29:1 (cumple WCAG AA).

Valores del color

HEX#76547E
RGBrgb(118, 84, 126)
HSLhsl(289, 20%, 41%)
HSVhsv(289, 33%, 49%)
CMYKcmyk(6.3%, 33.3%, 0%, 50.6%)
CIE-LABlab(40.73, 22.05, -18.16)
CIE-LCHlch(40.73, 28.57, 320.52°)
OKLaboklab(49.78% 0.0587 -0.0495)
OKLCHoklch(49.78% 0.077 319.8)
XYZxyz(14.4069, 11.6989, 21.2338)
Luminance0.1170 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#76547E #5C7E54
analogous
#61547E #76547E #7E5471
triadic
#76547E #7E7654 #547E76
tetradic
#76547E #7E6154 #5C7E54 #54717E
square
#76547E #7E6154 #5C7E54 #54717E
split-complementary
#76547E #717E54 #547E61
monochromatic
#312335 #543C59 #76547E #96709F #B194B8

Accesibilidad y contraste

On white

6.29
#76547E on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.34
#76547E on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #76547E
6.29:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##76547E#FFFFFF#000000##FFFFFF
##76547E1.006.293.346.29
#FFFFFF6.291.0021.001.00
#0000003.3421.001.0021.00
##FFFFFF6.291.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#4F5E80
Deuteranopia (green-blind)
#57617D
Tritanopia (blue-blind)
#775963
Achromatopsia (no color)
#606060

Tokens de diseño y código

CSS
--color: #76547e;
/* rgb */ color: rgb(118, 84, 126);
/* oklch */ color: oklch(49.8% 0.077 319.8);
Tailwind
colors: {
  custom: {
    50: '#9e84a3',
    500: '#76547e',
    950: '#000000',
  },
}
SCSS
$custom: #76547e;
$custom-light: #9e84a3;
$custom-dark: #000000;
JSON
{
  "hex": "#76547e",
  "rgb": {
    "r": 118,
    "g": 84,
    "b": 126
  },
  "hsl": {
    "h": 288.571,
    "s": 20,
    "l": 41.176
  },
  "oklch": {
    "l": 0.49784,
    "c": 0.0768,
    "h": 319.8
  },
  "luminance": 0.11699
}

Semantic roles & 50–950 ramp

primary
#76547E
secondary
#8EA588
accent
#BD6B7B
background
#F9F8FA
surface
#F2EFF3
border
#CCCACD
text
#0E0B0F
muted
#7E7C7F

Laboratorio de vista previa

Vista previa con #76547E

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

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

#76547E — Tintiva