#BAC4EA#BAC4EA

#BAC4EA لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.559؛ OKLCH L 82.5% C 0.055 H 273.6°. أفضل لون لنص المتن هو #000000 بتباين 12.17:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAC4EA
RGBrgb(186, 196, 234)
HSLhsl(228, 53%, 82%)
HSVhsv(228, 21%, 92%)
CMYKcmyk(20.5%, 16.2%, 0%, 8.2%)
CIE-LABlab(79.53, 4.46, -19.96)
CIE-LCHlch(79.53, 20.45, 282.61°)
OKLaboklab(82.51% 0.0034 -0.0544)
OKLCHoklch(82.51% 0.055 273.6)
XYZxyz(54.8372, 55.8584, 85.7185)
Luminance0.5586 (WCAG relative)
Temperaturecool
Familyblue

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#BAC4EA #EAE0BA
analogous
#BADCEA #BAC4EA #C8BAEA
triadic
#BAC4EA #EABAC4 #C4EABA
tetradic
#BAC4EA #EABADC #EAE0BA #BAEAC8
square
#BAC4EA #EABADC #EAE0BA #BAEAC8
split-complementary
#BAC4EA #EAC8BA #DCEABA
monochromatic
#5C74CD #8B9CDC #BAC4EA #E8EBF8 #E8EBF8

إمكانية الوصول والتباين

On white

1.73
#BAC4EA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.17
#BAC4EA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #BAC4EA
12.17:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##BAC4EA#FFFFFF#000000##000000
##BAC4EA1.001.7312.1712.17
#FFFFFF1.731.0021.0021.00
#00000012.1721.001.001.00
##00000012.1721.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#B9C7EC
Deuteranopia (green-blind)
#B6C3E9
Tritanopia (blue-blind)
#AFCBD0
Achromatopsia (no color)
#C5C5C5

وسوم التصميم والكود

CSS
--color: #bac4ea;
/* rgb */ color: rgb(186, 196, 234);
/* oklch */ color: oklch(82.5% 0.055 273.6);
Tailwind
colors: {
  custom: {
    50: '#cfd5f0',
    500: '#bac4ea',
    950: '#000000',
  },
}
SCSS
$custom: #bac4ea;
$custom-light: #cfd5f0;
$custom-dark: #000000;
JSON
{
  "hex": "#bac4ea",
  "rgb": {
    "r": 186,
    "g": 196,
    "b": 234
  },
  "hsl": {
    "h": 227.5,
    "s": 53.333,
    "l": 82.353
  },
  "oklch": {
    "l": 0.82513,
    "c": 0.05454,
    "h": 273.6
  },
  "luminance": 0.55859
}

Semantic roles & 50–950 ramp

primary
#BAC4EA
secondary
#C6B882
accent
#A025C1
background
#FEFEFF
surface
#FBFBFE
border
#D4D4D6
text
#141416
muted
#838385

مختبر المعاينة

معاينة مع #BAC4EA

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

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#BAC4EA — Tintiva