#9BB5EC#9BB5EC

#9BB5EC لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.461؛ OKLCH L 77.4% C 0.084 H 264.9°. أفضل لون لنص المتن هو #000000 بتباين 10.21:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#9BB5EC
RGBrgb(155, 181, 236)
HSLhsl(221, 68%, 77%)
HSVhsv(221, 34%, 93%)
CMYKcmyk(34.3%, 23.3%, 0%, 7.5%)
CIE-LABlab(73.59, 4.04, -30.30)
CIE-LCHlch(73.59, 30.57, 277.59°)
OKLaboklab(77.36% -0.0075 -0.0839)
OKLCHoklch(77.36% 0.084 264.9)
XYZxyz(45.1773, 46.0705, 85.8527)
Luminance0.4607 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#9BB5EC #ECD29B
analogous
#9BDEEC #9BB5EC #AA9BEC
triadic
#9BB5EC #EC9BB5 #B5EC9B
tetradic
#9BB5EC #EC9BDE #ECD29B #9BECAA
square
#9BB5EC #EC9BDE #ECD29B #9BECAA
split-complementary
#9BB5EC #ECAA9B #DEEC9B
monochromatic
#3469D8 #688FE2 #9BB5EC #CEDBF6 #E5ECFA

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

On white

2.06
#9BB5EC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.21
#9BB5EC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##9BB5EC#FFFFFF#000000##000000
##9BB5EC1.002.0610.2110.21
#FFFFFF2.061.0021.0021.00
#00000010.2121.001.001.00
##00000010.2121.001.001.00

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

Protanopia (red-blind)
#A3B9EE
Deuteranopia (green-blind)
#9BB1EB
Tritanopia (blue-blind)
#83C0C8
Achromatopsia (no color)
#B5B5B5

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

CSS
--color: #9bb5ec;
/* rgb */ color: rgb(155, 181, 236);
/* oklch */ color: oklch(77.4% 0.084 264.9);
Tailwind
colors: {
  custom: {
    50: '#bacbf2',
    500: '#9bb5ec',
    950: '#000000',
  },
}
SCSS
$custom: #9bb5ec;
$custom-light: #bacbf2;
$custom-dark: #000000;
JSON
{
  "hex": "#9bb5ec",
  "rgb": {
    "r": 155,
    "g": 181,
    "b": 236
  },
  "hsl": {
    "h": 220.741,
    "s": 68.067,
    "l": 76.667
  },
  "oklch": {
    "l": 0.77359,
    "c": 0.08423,
    "h": 264.9
  },
  "luminance": 0.46072
}

Semantic roles & 50–950 ramp

primary
#9BB5EC
secondary
#F2EAD9
accent
#9416D0
background
#FBFCFE
surface
#F6F8FD
border
#D0D1D5
text
#121317
muted
#818285

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

معاينة مع #9BB5EC

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

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

#9BB5EC — Tintiva