#BBC6F4#BBC6F4

#BBC6F4 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.575؛ OKLCH L 83.4% C 0.066 H 274.4°. أفضل لون لنص المتن هو #000000 بتباين 12.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BBC6F4
RGBrgb(187, 198, 244)
HSLhsl(228, 72%, 85%)
HSVhsv(228, 23%, 96%)
CMYKcmyk(23.4%, 18.9%, 0%, 4.3%)
CIE-LABlab(80.45, 5.94, -23.91)
CIE-LCHlch(80.45, 24.64, 283.95°)
OKLaboklab(83.36% 0.005 -0.0655)
OKLCHoklch(83.36% 0.066 274.4)
XYZxyz(57.0125, 57.4833, 93.6620)
Luminance0.5748 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BBC6F4 #F4E9BB
analogous
#BBE3F4 #BBC6F4 #CDBBF4
triadic
#BBC6F4 #F4BBC6 #C6F4BB
tetradic
#BBC6F4 #F4BBE3 #F4E9BB #BBF4CD
square
#BBC6F4 #F4BBE3 #F4E9BB #BBF4CD
split-complementary
#BBC6F4 #F4CDBB #E3F4BB
monochromatic
#526EE3 #869AEB #BBC6F4 #E5E9FB #E5E9FB

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

On white

1.68
#BBC6F4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.50
#BBC6F4 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BBC6F4#FFFFFF#000000##000000
##BBC6F41.001.6812.5012.50
#FFFFFF1.681.0021.0021.00
#00000012.5021.001.001.00
##00000012.5021.001.001.00

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

Protanopia (red-blind)
#B9CAF6
Deuteranopia (green-blind)
#B5C6F3
Tritanopia (blue-blind)
#ADCED5
Achromatopsia (no color)
#C8C8C8

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

CSS
--color: #bbc6f4;
/* rgb */ color: rgb(187, 198, 244);
/* oklch */ color: oklch(83.4% 0.066 274.4);
Tailwind
colors: {
  custom: {
    50: '#d0d7f7',
    500: '#bbc6f4',
    950: '#000000',
  },
}
SCSS
$custom: #bbc6f4;
$custom-light: #d0d7f7;
$custom-dark: #000000;
JSON
{
  "hex": "#bbc6f4",
  "rgb": {
    "r": 187,
    "g": 198,
    "b": 244
  },
  "hsl": {
    "h": 228.421,
    "s": 72.152,
    "l": 84.51
  },
  "oklch": {
    "l": 0.83358,
    "c": 0.06568,
    "h": 274.4
  },
  "luminance": 0.57485
}

Semantic roles & 50–950 ramp

primary
#BBC6F4
secondary
#D5C47E
accent
#AF11D4
background
#FEFEFF
surface
#FBFBFE
border
#D4D4D6
text
#141417
muted
#838385

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

معاينة مع #BBC6F4

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

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

#BBC6F4 — Tintiva