#AFB4FF#AFB4FF

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

قيم اللون

HEX#AFB4FF
RGBrgb(175, 180, 255)
HSLhsl(236, 100%, 84%)
HSVhsv(236, 31%, 100%)
CMYKcmyk(31.4%, 29.4%, 0%, 0%)
CIE-LABlab(75.44, 14.94, -37.60)
CIE-LCHlch(75.44, 40.46, 291.67°)
OKLaboklab(79.38% 0.0198 -0.1044)
OKLCHoklch(79.38% 0.106 280.7)
XYZxyz(52.0455, 48.9749, 101.2993)
Luminance0.4898 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFB4FF #FFFAAF
analogous
#AFDCFF #AFB4FF #D2AFFF
triadic
#AFB4FF #FFAFB4 #B4FFAF
tetradic
#AFB4FF #FFAFDC #FFFAAF #AFFFD2
square
#AFB4FF #FFAFDC #FFFAAF #AFFFD2
split-complementary
#AFB4FF #FFD2AF #DCFFAF
monochromatic
#3541FF #727BFF #AFB4FF #E0E2FF #E0E2FF

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

On white

1.95
#AFB4FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.80
#AFB4FF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFB4FF#FFFFFF#000000##000000
##AFB4FF1.001.9510.8010.80
#FFFFFF1.951.0021.0021.00
#00000010.8021.001.001.00
##00000010.8021.001.001.00

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

Protanopia (red-blind)
#9EBDFF
Deuteranopia (green-blind)
#9AB7FD
Tritanopia (blue-blind)
#9AC2CF
Achromatopsia (no color)
#BABABA

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

CSS
--color: #afb4ff;
/* rgb */ color: rgb(175, 180, 255);
/* oklch */ color: oklch(79.4% 0.106 280.7);
Tailwind
colors: {
  custom: {
    50: '#c9caff',
    500: '#afb4ff',
    950: '#000000',
  },
}
SCSS
$custom: #afb4ff;
$custom-light: #c9caff;
$custom-dark: #000000;
JSON
{
  "hex": "#afb4ff",
  "rgb": {
    "r": 175,
    "g": 180,
    "b": 255
  },
  "hsl": {
    "h": 236.25,
    "s": 100,
    "l": 84.314
  },
  "oklch": {
    "l": 0.79381,
    "c": 0.1063,
    "h": 280.7
  },
  "luminance": 0.48976
}

Semantic roles & 50–950 ramp

primary
#AFB4FF
secondary
#F7F5D4
accent
#D700E6
background
#FCFCFF
surface
#F8F8FF
border
#D1D1D7
text
#131318
muted
#828286

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

معاينة مع #AFB4FF

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

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

#AFB4FF — Tintiva