#BCCCE0#BCCCE0

#BCCCE0 es un color muy claro y apagado de la familia cian. Luminancia relativa 0.593; OKLCH L 83.9% C 0.033 H 254.0°. El mejor color de texto es #000000 con contraste 12.85:1 (cumple WCAG AA).

Valores del color

HEX#BCCCE0
RGBrgb(188, 204, 224)
HSLhsl(213, 37%, 81%)
HSVhsv(213, 16%, 88%)
CMYKcmyk(16.1%, 8.9%, 0%, 12.2%)
CIE-LABlab(81.43, -1.35, -11.73)
CIE-LCHlch(81.43, 11.81, 263.46°)
OKLaboklab(83.93% -0.0091 -0.0317)
OKLCHoklch(83.93% 0.033 254)
XYZxyz(55.7832, 59.2578, 79.0055)
Luminance0.5926 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BCCCE0 #E0D0BC
analogous
#BCDEE0 #BCCCE0 #BEBCE0
triadic
#BCCCE0 #E0BCCC #CCE0BC
tetradic
#BCCCE0 #E0BCDE #E0D0BC #BCE0BE
square
#BCCCE0 #E0BCDE #E0D0BC #BCE0BE
split-complementary
#BCCCE0 #E0BEBC #DEE0BC
monochromatic
#688CB9 #92ACCD #BCCCE0 #E6ECF3 #EAEFF5

Accesibilidad y contraste

On white

1.63
#BCCCE0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.85
#BCCCE0 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BCCCE0
12.85:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BCCCE0#FFFFFF#000000##000000
##BCCCE01.001.6312.8512.85
#FFFFFF1.631.0021.0021.00
#00000012.8521.001.001.00
##00000012.8521.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#C5CCE1
Deuteranopia (green-blind)
#C1C9E0
Tritanopia (blue-blind)
#B3D0D2
Achromatopsia (no color)
#CACACA

Tokens de diseño y código

CSS
--color: #bccce0;
/* rgb */ color: rgb(188, 204, 224);
/* oklch */ color: oklch(83.9% 0.033 254.0);
Tailwind
colors: {
  custom: {
    50: '#d0dbe9',
    500: '#bccce0',
    950: '#000000',
  },
}
SCSS
$custom: #bccce0;
$custom-light: #d0dbe9;
$custom-dark: #000000;
JSON
{
  "hex": "#bccce0",
  "rgb": {
    "r": 188,
    "g": 204,
    "b": 224
  },
  "hsl": {
    "h": 213.333,
    "s": 36.735,
    "l": 80.784
  },
  "oklch": {
    "l": 0.83934,
    "c": 0.03301,
    "h": 254
  },
  "luminance": 0.59259
}

Semantic roles & 50–950 ramp

primary
#BCCCE0
secondary
#B9A388
accent
#7A36B0
background
#FEFEFE
surface
#FBFBFC
border
#D4D4D5
text
#141516
muted
#838484

Laboratorio de vista previa

Vista previa con #BCCCE0

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

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

#BCCCE0 — Tintiva