#7586AA#7586AA

#7586AA es un color medio y apagado de la familia azul. Luminancia relativa 0.237; OKLCH L 62.0% C 0.058 H 265.0°. El mejor color de texto es #000000 con contraste 5.75:1 (cumple WCAG AA).

Valores del color

HEX#7586AA
RGBrgb(117, 134, 170)
HSLhsl(221, 24%, 56%)
HSVhsv(221, 31%, 67%)
CMYKcmyk(31.2%, 21.2%, 0%, 33.3%)
CIE-LABlab(55.82, 2.53, -21.05)
CIE-LCHlch(55.82, 21.20, 276.85°)
OKLaboklab(61.99% -0.0051 -0.058)
OKLCHoklch(61.99% 0.058 265)
XYZxyz(23.1148, 23.7335, 41.3855)
Luminance0.2373 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#7586AA #AA9975
analogous
#75A1AA #7586AA #7F75AA
triadic
#7586AA #AA7586 #86AA75
tetradic
#7586AA #AA75A1 #AA9975 #75AA7F
square
#7586AA #AA75A1 #AA9975 #75AA7F
split-complementary
#7586AA #AA7F75 #A1AA75
monochromatic
#3F4B66 #56678C #7586AA #9BA7C1 #C1C8D9

Accesibilidad y contraste

On white

3.65
#7586AA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.75
#7586AA on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #7586AA
5.75:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##7586AA#FFFFFF#000000##000000
##7586AA1.003.655.755.75
#FFFFFF3.651.0021.0021.00
#0000005.7521.001.001.00
##0000005.7521.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#7A88AC
Deuteranopia (green-blind)
#7584A9
Tritanopia (blue-blind)
#668D92
Achromatopsia (no color)
#868686

Tokens de diseño y código

CSS
--color: #7586aa;
/* rgb */ color: rgb(117, 134, 170);
/* oklch */ color: oklch(62.0% 0.058 265.0);
Tailwind
colors: {
  custom: {
    50: '#9ea9c3',
    500: '#7586aa',
    950: '#000000',
  },
}
SCSS
$custom: #7586aa;
$custom-light: #9ea9c3;
$custom-dark: #000000;
JSON
{
  "hex": "#7586aa",
  "rgb": {
    "r": 117,
    "g": 134,
    "b": 170
  },
  "hsl": {
    "h": 220.755,
    "s": 23.767,
    "l": 56.275
  },
  "oklch": {
    "l": 0.61991,
    "c": 0.05823,
    "h": 265
  },
  "luminance": 0.23734
}

Semantic roles & 50–950 ramp

primary
#7586AA
secondary
#C8C1B2
accent
#A468C0
background
#F9FAFC
surface
#F2F4F8
border
#CCCED1
text
#0E0F12
muted
#7E7F81

Laboratorio de vista previa

Vista previa con #7586AA

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

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

#7586AA — Tintiva