#A2AFE5#A2AFE5

#A2AFE5 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.440؛ OKLCH L 76.3% C 0.079 H 273.9°. أفضل لون لنص المتن هو #000000 بتباين 9.80:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A2AFE5
RGBrgb(162, 175, 229)
HSLhsl(228, 56%, 77%)
HSVhsv(228, 29%, 90%)
CMYKcmyk(29.3%, 23.6%, 0%, 10.2%)
CIE-LABlab(72.23, 7.58, -28.56)
CIE-LCHlch(72.23, 29.55, 284.87°)
OKLaboklab(76.33% 0.0054 -0.0788)
OKLCHoklch(76.33% 0.079 273.9)
XYZxyz(44.3692, 43.9971, 80.2681)
Luminance0.4400 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A2AFE5 #E5D8A2
analogous
#A2D1E5 #A2AFE5 #B7A2E5
triadic
#A2AFE5 #E5A2AF #AFE5A2
tetradic
#A2AFE5 #E5A2D1 #E5D8A2 #A2E5B7
square
#A2AFE5 #E5A2D1 #E5D8A2 #A2E5B7
split-complementary
#A2AFE5 #E5B7A2 #D1E5A2
monochromatic
#425DCA #7286D8 #A2AFE5 #D2D8F2 #E7EAF8

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

On white

2.14
#A2AFE5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.80
#A2AFE5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A2AFE5#FFFFFF#000000##000000
##A2AFE51.002.149.809.80
#FFFFFF2.141.0021.0021.00
#0000009.8021.001.001.00
##0000009.8021.001.001.00

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

Protanopia (red-blind)
#9FB4E7
Deuteranopia (green-blind)
#9AAFE4
Tritanopia (blue-blind)
#90B9C1
Achromatopsia (no color)
#B1B1B1

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

CSS
--color: #a2afe5;
/* rgb */ color: rgb(162, 175, 229);
/* oklch */ color: oklch(76.3% 0.079 273.9);
Tailwind
colors: {
  custom: {
    50: '#bfc6ed',
    500: '#a2afe5',
    950: '#000000',
  },
}
SCSS
$custom: #a2afe5;
$custom-light: #bfc6ed;
$custom-dark: #000000;
JSON
{
  "hex": "#a2afe5",
  "rgb": {
    "r": 162,
    "g": 175,
    "b": 229
  },
  "hsl": {
    "h": 228.358,
    "s": 56.303,
    "l": 76.667
  },
  "oklch": {
    "l": 0.76327,
    "c": 0.079,
    "h": 273.9
  },
  "luminance": 0.43998
}

Semantic roles & 50–950 ramp

primary
#A2AFE5
secondary
#F0ECDB
accent
#A422C4
background
#FBFCFE
surface
#F7F8FD
border
#D0D1D5
text
#121316
muted
#818284

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

معاينة مع #A2AFE5

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

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

#A2AFE5 — Tintiva