#9EB4EA#9EB4EA

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

قيم اللون

HEX#9EB4EA
RGBrgb(158, 180, 234)
HSLhsl(223, 64%, 77%)
HSVhsv(223, 32%, 92%)
CMYKcmyk(32.5%, 23.1%, 0%, 8.2%)
CIE-LABlab(73.45, 4.92, -29.42)
CIE-LCHlch(73.45, 29.83, 279.49°)
OKLaboklab(77.27% -0.0038 -0.0813)
OKLCHoklch(77.27% 0.081 267.3)
XYZxyz(45.2688, 45.8504, 84.2908)
Luminance0.4585 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#9EB4EA #EAD49E
analogous
#9EDAEA #9EB4EA #AE9EEA
triadic
#9EB4EA #EA9EB4 #B4EA9E
tetradic
#9EB4EA #EA9EDA #EAD49E #9EEAAE
square
#9EB4EA #EA9EDA #EAD49E #9EEAAE
split-complementary
#9EB4EA #EAAE9E #DAEA9E
monochromatic
#3966D4 #6C8DDF #9EB4EA #D0DBF5 #E6ECFA

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

On white

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

On black

10.17
#9EB4EA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##9EB4EA#FFFFFF#000000##000000
##9EB4EA1.002.0610.1710.17
#FFFFFF2.061.0021.0021.00
#00000010.1721.001.001.00
##00000010.1721.001.001.00

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

Protanopia (red-blind)
#A3B8EC
Deuteranopia (green-blind)
#9CB1E9
Tritanopia (blue-blind)
#88BFC6
Achromatopsia (no color)
#B4B4B4

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

CSS
--color: #9eb4ea;
/* rgb */ color: rgb(158, 180, 234);
/* oklch */ color: oklch(77.3% 0.081 267.3);
Tailwind
colors: {
  custom: {
    50: '#bccaf1',
    500: '#9eb4ea',
    950: '#000000',
  },
}
SCSS
$custom: #9eb4ea;
$custom-light: #bccaf1;
$custom-dark: #000000;
JSON
{
  "hex": "#9eb4ea",
  "rgb": {
    "r": 158,
    "g": 180,
    "b": 234
  },
  "hsl": {
    "h": 222.632,
    "s": 64.407,
    "l": 76.863
  },
  "oklch": {
    "l": 0.77272,
    "c": 0.08143,
    "h": 267.3
  },
  "luminance": 0.45852
}

Semantic roles & 50–950 ramp

primary
#9EB4EA
secondary
#F1EADA
accent
#9819CC
background
#FBFCFE
surface
#F7F8FD
border
#D0D1D5
text
#121316
muted
#818284

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

معاينة مع #9EB4EA

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

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

#9EB4EA — Tintiva