#A1B7EA#A1B7EA

#A1B7EA لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.474؛ OKLCH L 78.1% C 0.077 H 266.5°. أفضل لون لنص المتن هو #000000 بتباين 10.48:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A1B7EA
RGBrgb(161, 183, 234)
HSLhsl(222, 63%, 77%)
HSVhsv(222, 31%, 92%)
CMYKcmyk(31.2%, 21.8%, 0%, 8.2%)
CIE-LABlab(74.43, 4.12, -27.89)
CIE-LCHlch(74.43, 28.19, 278.40°)
OKLaboklab(78.09% -0.0047 -0.077)
OKLCHoklch(78.09% 0.077 266.5)
XYZxyz(46.4784, 47.3828, 84.5228)
Luminance0.4738 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A1B7EA #EAD4A1
analogous
#A1DBEA #A1B7EA #B0A1EA
triadic
#A1B7EA #EAA1B7 #B7EAA1
tetradic
#A1B7EA #EAA1DB #EAD4A1 #A1EAB0
square
#A1B7EA #EAA1DB #EAD4A1 #A1EAB0
split-complementary
#A1B7EA #EAB0A1 #DBEAA1
monochromatic
#3D6AD4 #6F91DF #A1B7EA #D3DDF5 #E6ECF9

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

On white

2.00
#A1B7EA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.48
#A1B7EA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A1B7EA#FFFFFF#000000##000000
##A1B7EA1.002.0010.4810.48
#FFFFFF2.001.0021.0021.00
#00000010.4821.001.001.00
##00000010.4821.001.001.00

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

Protanopia (red-blind)
#A7BBEC
Deuteranopia (green-blind)
#A0B4E9
Tritanopia (blue-blind)
#8CC1C8
Achromatopsia (no color)
#B7B7B7

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

CSS
--color: #a1b7ea;
/* rgb */ color: rgb(161, 183, 234);
/* oklch */ color: oklch(78.1% 0.077 266.5);
Tailwind
colors: {
  custom: {
    50: '#beccf1',
    500: '#a1b7ea',
    950: '#000000',
  },
}
SCSS
$custom: #a1b7ea;
$custom-light: #beccf1;
$custom-dark: #000000;
JSON
{
  "hex": "#a1b7ea",
  "rgb": {
    "r": 161,
    "g": 183,
    "b": 234
  },
  "hsl": {
    "h": 221.918,
    "s": 63.478,
    "l": 77.451
  },
  "oklch": {
    "l": 0.78093,
    "c": 0.07711,
    "h": 266.5
  },
  "luminance": 0.47385
}

Semantic roles & 50–950 ramp

primary
#A1B7EA
secondary
#F1EADA
accent
#961ACB
background
#FBFCFE
surface
#F7F8FD
border
#D0D1D5
text
#121316
muted
#818284

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

معاينة مع #A1B7EA

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

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

#A1B7EA — Tintiva