#BEAEB9#BEAEB9

#BEAEB9 es un color claro y apagado de la familia rosa. Luminancia relativa 0.447; OKLCH L 76.8% C 0.024 H 337.0°. El mejor color de texto es #000000 con contraste 9.94:1 (cumple WCAG AA).

Valores del color

HEX#BEAEB9
RGBrgb(190, 174, 185)
HSLhsl(319, 11%, 71%)
HSVhsv(319, 8%, 75%)
CMYKcmyk(0%, 8.4%, 2.6%, 25.5%)
CIE-LABlab(72.71, 7.70, -3.53)
CIE-LCHlch(72.71, 8.47, 335.37°)
OKLaboklab(76.77% 0.0219 -0.0093)
OKLCHoklch(76.77% 0.024 337)
XYZxyz(45.1271, 44.7226, 52.1445)
Luminance0.4472 (WCAG relative)
Temperatureneutral
Familypink

Colores con nombre más cercanos

Pinkish Grey
#C8ACA9
ΔE00 7.16
Thistle
#D8BFD8
ΔE00 7.82
Dove Gray
#B6B8BD
ΔE00 9.16
Dark Gray
#A9A9A9
ΔE00 9.85
Dusty Pink
#D8A7B1
ΔE00 9.90
Silver
#C0C0C0
ΔE00 10.16

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BEAEB9 #AEBEB3
analogous
#BBAEBE #BEAEB9 #BEAEB1
triadic
#BEAEB9 #B9BEAE #AEB9BE
tetradic
#BEAEB9 #BEBBAE #AEBEB3 #AEB1BE
square
#BEAEB9 #BEBBAE #AEBEB3 #AEB1BE
split-complementary
#BEAEB9 #B1BEAE #AEBEBB
monochromatic
#866C7E #A38C9C #BEAEB9 #D9D0D6 #F1EEF0

Accesibilidad y contraste

On white

2.11
#BEAEB9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.94
#BEAEB9 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BEAEB9
9.94:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BEAEB9#FFFFFF#000000##000000
##BEAEB91.002.119.949.94
#FFFFFF2.111.0021.0021.00
#0000009.9421.001.001.00
##0000009.9421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#AEB1B9
Deuteranopia (green-blind)
#B2B3B8
Tritanopia (blue-blind)
#C0AEB2
Achromatopsia (no color)
#B2B2B2

Tokens de diseño y código

CSS
--color: #beaeb9;
/* rgb */ color: rgb(190, 174, 185);
/* oklch */ color: oklch(76.8% 0.024 337.0);
Tailwind
colors: {
  custom: {
    50: '#d1c6ce',
    500: '#beaeb9',
    950: '#000000',
  },
}
SCSS
$custom: #beaeb9;
$custom-light: #d1c6ce;
$custom-dark: #000000;
JSON
{
  "hex": "#beaeb9",
  "rgb": {
    "r": 190,
    "g": 174,
    "b": 185
  },
  "hsl": {
    "h": 318.75,
    "s": 10.959,
    "l": 71.373
  },
  "oklch": {
    "l": 0.76765,
    "c": 0.02375,
    "h": 337
  },
  "luminance": 0.44722
}

Semantic roles & 50–950 ramp

primary
#BEAEB9
secondary
#E2E6E3
accent
#956650
background
#FCFCFC
surface
#F9F8F9
border
#D2D1D2
text
#141313
muted
#828282

Laboratorio de vista previa

Vista previa con #BEAEB9

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

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

#BEAEB9 — Tintiva