#BDBAE3#BDBAE3

#BDBAE3 es un color claro y apagado de la familia azul. Luminancia relativa 0.515; OKLCH L 80.5% C 0.058 H 288.4°. El mejor color de texto es #000000 con contraste 11.30:1 (cumple WCAG AA).

Valores del color

HEX#BDBAE3
RGBrgb(189, 186, 227)
HSLhsl(244, 42%, 81%)
HSVhsv(244, 18%, 89%)
CMYKcmyk(16.7%, 18.1%, 0%, 11%)
CIE-LABlab(76.97, 9.27, -20.05)
CIE-LCHlch(76.97, 22.09, 294.81°)
OKLaboklab(80.49% 0.0182 -0.0546)
OKLCHoklch(80.49% 0.058 288.4)
XYZxyz(52.4072, 51.4821, 79.8342)
Luminance0.5148 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BDBAE3 #E0E3BA
analogous
#BACBE3 #BDBAE3 #D1BAE3
triadic
#BDBAE3 #E3BDBA #BAE3BD
tetradic
#BDBAE3 #E3BACB #E0E3BA #BAE3D1
square
#BDBAE3 #E3BACB #E0E3BA #BAE3D1
split-complementary
#BDBAE3 #E3D1BA #CBE3BA
monochromatic
#6A63C0 #938ED1 #BDBAE3 #E7E6F5 #EAE9F6

Accesibilidad y contraste

On white

1.86
#BDBAE3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.30
#BDBAE3 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BDBAE3
11.30:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BDBAE3#FFFFFF#000000##000000
##BDBAE31.001.8611.3011.30
#FFFFFF1.861.0021.0021.00
#00000011.3021.001.001.00
##00000011.3021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B1BFE5
Deuteranopia (green-blind)
#B0BDE2
Tritanopia (blue-blind)
#B5C1C8
Achromatopsia (no color)
#BEBEBE

Tokens de diseño y código

CSS
--color: #bdbae3;
/* rgb */ color: rgb(189, 186, 227);
/* oklch */ color: oklch(80.5% 0.058 288.4);
Tailwind
colors: {
  custom: {
    50: '#d1ceeb',
    500: '#bdbae3',
    950: '#000000',
  },
}
SCSS
$custom: #bdbae3;
$custom-light: #d1ceeb;
$custom-dark: #000000;
JSON
{
  "hex": "#bdbae3",
  "rgb": {
    "r": 189,
    "g": 186,
    "b": 227
  },
  "hsl": {
    "h": 244.39,
    "s": 42.268,
    "l": 80.98
  },
  "oklch": {
    "l": 0.80492,
    "c": 0.05753,
    "h": 288.4
  },
  "luminance": 0.51483
}

Semantic roles & 50–950 ramp

primary
#BDBAE3
secondary
#B8BD85
accent
#B530AC
background
#FEFEFE
surface
#FBFBFD
border
#D4D4D5
text
#141316
muted
#838384

Laboratorio de vista previa

Vista previa con #BDBAE3

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

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

#BDBAE3 — Tintiva