#AAA9B3#AAA9B3

#AAA9B3 es un color claro y casi neutro de la familia grey. Luminancia relativa 0.402; OKLCH L 73.9% C 0.014 H 290.6°. El mejor color de texto es #000000 con contraste 9.04:1 (cumple WCAG AA).

Valores del color

HEX#AAA9B3
RGBrgb(170, 169, 179)
HSLhsl(246, 6%, 68%)
HSVhsv(246, 6%, 70%)
CMYKcmyk(5%, 5.6%, 0%, 29.8%)
CIE-LABlab(69.60, 2.29, -5.00)
CIE-LCHlch(69.60, 5.50, 294.56°)
OKLaboklab(73.87% 0.005 -0.0133)
OKLCHoklch(73.87% 0.014 290.6)
XYZxyz(38.9007, 40.1766, 48.3445)
Luminance0.4018 (WCAG relative)
Temperatureneutral
Familygrey

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#AAA9B3 #B2B3A9
analogous
#A9ADB3 #AAA9B3 #AFA9B3
triadic
#AAA9B3 #B3AAA9 #A9B3AA
tetradic
#AAA9B3 #B3A9AD #B2B3A9 #A9B3AF
square
#AAA9B3 #B3A9AD #B2B3A9 #A9B3AF
split-complementary
#AAA9B3 #B3AFA9 #ADB3A9
monochromatic
#6B6A78 #8A8996 #AAA9B3 #CAC9D0 #EAEAEC

Accesibilidad y contraste

On white

2.32
#AAA9B3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.04
#AAA9B3 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #AAA9B3
9.04:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##AAA9B3#FFFFFF#000000##000000
##AAA9B31.002.329.049.04
#FFFFFF2.321.0021.0021.00
#0000009.0421.001.001.00
##0000009.0421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#A7AAB3
Deuteranopia (green-blind)
#A7AAB3
Tritanopia (blue-blind)
#A8AAAC
Achromatopsia (no color)
#AAAAAA

Tokens de diseño y código

CSS
--color: #aaa9b3;
/* rgb */ color: rgb(170, 169, 179);
/* oklch */ color: oklch(73.9% 0.014 290.6);
Tailwind
colors: {
  custom: {
    50: '#c3c2c9',
    500: '#aaa9b3',
    950: '#000000',
  },
}
SCSS
$custom: #aaa9b3;
$custom-light: #c3c2c9;
$custom-dark: #000000;
JSON
{
  "hex": "#aaa9b3",
  "rgb": {
    "r": 170,
    "g": 169,
    "b": 179
  },
  "hsl": {
    "h": 246,
    "s": 6.173,
    "l": 68.235
  },
  "oklch": {
    "l": 0.73873,
    "c": 0.01427,
    "h": 290.6
  },
  "luminance": 0.40177
}

Semantic roles & 50–950 ramp

primary
#AAA9B3
secondary
#DDDDDA
accent
#90558A
background
#FBFBFC
surface
#F7F7F8
border
#D0D0D1
text
#121213
muted
#818182

Laboratorio de vista previa

Vista previa con #AAA9B3

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

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

#AAA9B3 — Tintiva