#AFABE5#AFABE5

#AFABE5 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.439؛ OKLCH L 76.5% C 0.082 H 287.4°. أفضل لون لنص المتن هو #000000 بتباين 9.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFABE5
RGBrgb(175, 171, 229)
HSLhsl(244, 53%, 78%)
HSVhsv(244, 25%, 90%)
CMYKcmyk(23.6%, 25.3%, 0%, 10.2%)
CIE-LABlab(72.16, 13.65, -28.58)
CIE-LCHlch(72.16, 31.67, 295.53°)
OKLaboklab(76.51% 0.0247 -0.0787)
OKLCHoklch(76.51% 0.082 287.4)
XYZxyz(46.3815, 43.8961, 80.1427)
Luminance0.4390 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFABE5 #E1E5AB
analogous
#ABC4E5 #AFABE5 #CCABE5
triadic
#AFABE5 #E5AFAB #ABE5AF
tetradic
#AFABE5 #E5ABC4 #E1E5AB #ABE5CC
square
#AFABE5 #E5ABC4 #E1E5AB #ABE5CC
split-complementary
#AFABE5 #E5CCAB #C4E5AB
monochromatic
#564EC8 #827CD7 #AFABE5 #DCDAF3 #E9E8F8

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

On white

2.15
#AFABE5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.78
#AFABE5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFABE5#FFFFFF#000000##000000
##AFABE51.002.159.789.78
#FFFFFF2.151.0021.0021.00
#0000009.7821.001.001.00
##0000009.7821.001.001.00

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

Protanopia (red-blind)
#9CB2E7
Deuteranopia (green-blind)
#9BAFE3
Tritanopia (blue-blind)
#A3B5BF
Achromatopsia (no color)
#B1B1B1

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

CSS
--color: #afabe5;
/* rgb */ color: rgb(175, 171, 229);
/* oklch */ color: oklch(76.5% 0.082 287.4);
Tailwind
colors: {
  custom: {
    50: '#c7c4ed',
    500: '#afabe5',
    950: '#000000',
  },
}
SCSS
$custom: #afabe5;
$custom-light: #c7c4ed;
$custom-dark: #000000;
JSON
{
  "hex": "#afabe5",
  "rgb": {
    "r": 175,
    "g": 171,
    "b": 229
  },
  "hsl": {
    "h": 244.138,
    "s": 52.727,
    "l": 78.431
  },
  "oklch": {
    "l": 0.76514,
    "c": 0.08247,
    "h": 287.4
  },
  "luminance": 0.43897
}

Semantic roles & 50–950 ramp

primary
#AFABE5
secondary
#EEEFDC
accent
#C025B5
background
#FCFCFE
surface
#F8F8FD
border
#D1D1D5
text
#131216
muted
#828184

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

معاينة مع #AFABE5

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

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

#AFABE5 — Tintiva