#9EB3EF#9EB3EF

#9EB3EF لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.457؛ OKLCH L 77.3% C 0.089 H 269.4°. أفضل لون لنص المتن هو #000000 بتباين 10.15:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#9EB3EF
RGBrgb(158, 179, 239)
HSLhsl(224, 72%, 78%)
HSVhsv(224, 34%, 94%)
CMYKcmyk(33.9%, 25.1%, 0%, 6.3%)
CIE-LABlab(73.38, 6.74, -32.24)
CIE-LCHlch(73.38, 32.94, 281.81°)
OKLaboklab(77.28% -0.001 -0.0894)
OKLCHoklch(77.28% 0.089 269.4)
XYZxyz(45.7961, 45.7395, 88.0602)
Luminance0.4574 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#9EB3EF #EFDA9E
analogous
#9EDCEF #9EB3EF #B19EEF
triadic
#9EB3EF #EF9EB3 #B3EF9E
tetradic
#9EB3EF #EF9EDC #EFDA9E #9EEFB1
square
#9EB3EF #EF9EDC #EFDA9E #9EEFB1
split-complementary
#9EB3EF #EFB19E #DCEF9E
monochromatic
#3561DE #698AE6 #9EB3EF #D3DCF8 #E5EAFB

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

On white

2.07
#9EB3EF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.15
#9EB3EF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##9EB3EF#FFFFFF#000000##000000
##9EB3EF1.002.0710.1510.15
#FFFFFF2.071.0021.0021.00
#00000010.1521.001.001.00
##00000010.1521.001.001.00

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

Protanopia (red-blind)
#A0B8F2
Deuteranopia (green-blind)
#99B1EE
Tritanopia (blue-blind)
#87BFC8
Achromatopsia (no color)
#B4B4B4

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

CSS
--color: #9eb3ef;
/* rgb */ color: rgb(158, 179, 239);
/* oklch */ color: oklch(77.3% 0.089 269.4);
Tailwind
colors: {
  custom: {
    50: '#bcc9f4',
    500: '#9eb3ef',
    950: '#000000',
  },
}
SCSS
$custom: #9eb3ef;
$custom-light: #bcc9f4;
$custom-dark: #000000;
JSON
{
  "hex": "#9eb3ef",
  "rgb": {
    "r": 158,
    "g": 179,
    "b": 239
  },
  "hsl": {
    "h": 224.444,
    "s": 71.681,
    "l": 77.843
  },
  "oklch": {
    "l": 0.77279,
    "c": 0.08939,
    "h": 269.4
  },
  "luminance": 0.45741
}

Semantic roles & 50–950 ramp

primary
#9EB3EF
secondary
#F2ECD9
accent
#A112D4
background
#FBFCFE
surface
#F7F8FD
border
#D0D1D5
text
#121317
muted
#818285

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

معاينة مع #9EB3EF

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

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

#9EB3EF — Tintiva