#AFB7EC#AFB7EC

#AFB7EC لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.490؛ OKLCH L 79.2% C 0.076 H 277.8°. أفضل لون لنص المتن هو #000000 بتباين 10.81:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFB7EC
RGBrgb(175, 183, 236)
HSLhsl(232, 62%, 81%)
HSVhsv(232, 26%, 93%)
CMYKcmyk(25.8%, 22.5%, 0%, 7.5%)
CIE-LABlab(75.47, 8.67, -27.29)
CIE-LCHlch(75.47, 28.64, 287.62°)
OKLaboklab(79.17% 0.0103 -0.0751)
OKLCHoklch(79.17% 0.076 277.8)
XYZxyz(49.7490, 49.0358, 86.1844)
Luminance0.4904 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFB7EC #ECE4AF
analogous
#AFD5EC #AFB7EC #C5AFEC
triadic
#AFB7EC #ECAFB7 #B7ECAF
tetradic
#AFB7EC #ECAFD5 #ECE4AF #AFECC5
square
#AFB7EC #ECAFD5 #ECE4AF #AFECC5
split-complementary
#AFB7EC #ECC5AF #D5ECAF
monochromatic
#4C5ED5 #7E8AE0 #AFB7EC #E0E4F8 #E6E9F9

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

On white

1.94
#AFB7EC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.81
#AFB7EC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFB7EC#FFFFFF#000000##000000
##AFB7EC1.001.9410.8110.81
#FFFFFF1.941.0021.0021.00
#00000010.8121.001.001.00
##00000010.8121.001.001.00

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

Protanopia (red-blind)
#A8BCEE
Deuteranopia (green-blind)
#A5B8EB
Tritanopia (blue-blind)
#A0C1C9
Achromatopsia (no color)
#BABABA

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

CSS
--color: #afb7ec;
/* rgb */ color: rgb(175, 183, 236);
/* oklch */ color: oklch(79.2% 0.076 277.8);
Tailwind
colors: {
  custom: {
    50: '#c8ccf2',
    500: '#afb7ec',
    950: '#000000',
  },
}
SCSS
$custom: #afb7ec;
$custom-light: #c8ccf2;
$custom-dark: #000000;
JSON
{
  "hex": "#afb7ec",
  "rgb": {
    "r": 175,
    "g": 183,
    "b": 236
  },
  "hsl": {
    "h": 232.131,
    "s": 61.616,
    "l": 80.588
  },
  "oklch": {
    "l": 0.79172,
    "c": 0.0758,
    "h": 277.8
  },
  "luminance": 0.49037
}

Semantic roles & 50–950 ramp

primary
#AFB7EC
secondary
#F0EEDB
accent
#B31CC9
background
#FCFCFE
surface
#F8F8FD
border
#D1D1D5
text
#131317
muted
#828285

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

معاينة مع #AFB7EC

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

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

#AFB7EC — Tintiva