#B7CCFD#B7CCFD

#B7CCFD لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.603؛ OKLCH L 84.6% C 0.072 H 266.7°. أفضل لون لنص المتن هو #000000 بتباين 13.07:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#B7CCFD
RGBrgb(183, 204, 253)
HSLhsl(222, 95%, 85%)
HSVhsv(222, 28%, 99%)
CMYKcmyk(27.7%, 19.4%, 0%, 0.8%)
CIE-LABlab(82.02, 3.63, -26.34)
CIE-LCHlch(82.02, 26.59, 277.85°)
OKLaboklab(84.62% -0.0041 -0.0724)
OKLCHoklch(84.62% 0.073 266.7)
XYZxyz(58.8460, 60.3430, 101.4563)
Luminance0.6035 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#B7CCFD #FDE8B7
analogous
#B7EFFD #B7CCFD #C5B7FD
triadic
#B7CCFD #FDB7CC #CCFDB7
tetradic
#B7CCFD #FDB7EF #FDE8B7 #B7FDC5
square
#B7CCFD #FDB7EF #FDE8B7 #B7FDC5
split-complementary
#B7CCFD #FDC5B7 #EFFDB7
monochromatic
#4078FA #7BA2FB #B7CCFD #E1EAFE #E1EAFE

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

On white

1.61
#B7CCFD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.07
#B7CCFD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##B7CCFD#FFFFFF#000000##000000
##B7CCFD1.001.6113.0713.07
#FFFFFF1.611.0021.0021.00
#00000013.0721.001.001.00
##00000013.0721.001.001.00

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

Protanopia (red-blind)
#BDCFFF
Deuteranopia (green-blind)
#B6C9FC
Tritanopia (blue-blind)
#A4D6DC
Achromatopsia (no color)
#CCCCCC

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

CSS
--color: #b7ccfd;
/* rgb */ color: rgb(183, 204, 253);
/* oklch */ color: oklch(84.6% 0.072 266.7);
Tailwind
colors: {
  custom: {
    50: '#cedbfe',
    500: '#b7ccfd',
    950: '#000000',
  },
}
SCSS
$custom: #b7ccfd;
$custom-light: #cedbfe;
$custom-dark: #000000;
JSON
{
  "hex": "#b7ccfd",
  "rgb": {
    "r": 183,
    "g": 204,
    "b": 253
  },
  "hsl": {
    "h": 222,
    "s": 94.595,
    "l": 85.49
  },
  "oklch": {
    "l": 0.8462,
    "c": 0.0725,
    "h": 266.7
  },
  "luminance": 0.60345
}

Semantic roles & 50–950 ramp

primary
#B7CCFD
secondary
#E3C275
accent
#A100E6
background
#FEFEFF
surface
#FBFBFF
border
#D4D4D7
text
#141517
muted
#838485

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

معاينة مع #B7CCFD

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

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

#B7CCFD — Tintiva