#8FA7E2#8FA7E2

#8FA7E2 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.390؛ OKLCH L 73.2% C 0.090 H 267.1°. أفضل لون لنص المتن هو #000000 بتباين 8.79:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#8FA7E2
RGBrgb(143, 167, 226)
HSLhsl(223, 59%, 72%)
HSVhsv(223, 37%, 89%)
CMYKcmyk(36.7%, 26.1%, 0%, 11.4%)
CIE-LABlab(68.73, 5.93, -32.42)
CIE-LCHlch(68.73, 32.96, 280.36°)
OKLaboklab(73.24% -0.0045 -0.0901)
OKLCHoklch(73.24% 0.09 267.1)
XYZxyz(38.8697, 38.9663, 77.4099)
Luminance0.3897 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#8FA7E2 #E2CA8F
analogous
#8FD0E2 #8FA7E2 #A18FE2
triadic
#8FA7E2 #E28FA7 #A7E28F
tetradic
#8FA7E2 #E28FD0 #E2CA8F #8FE2A1
square
#8FA7E2 #E28FD0 #E2CA8F #8FE2A1
split-complementary
#8FA7E2 #E2A18F #D0E28F
monochromatic
#335DC4 #5E81D5 #8FA7E2 #C0CDEF #E7ECF9

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

On white

2.39
#8FA7E2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.79
#8FA7E2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##8FA7E2#FFFFFF#000000##000000
##8FA7E21.002.398.798.79
#FFFFFF2.391.0021.0021.00
#0000008.7921.001.001.00
##0000008.7921.001.001.00

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

Protanopia (red-blind)
#93ACE5
Deuteranopia (green-blind)
#8BA4E1
Tritanopia (blue-blind)
#75B3BB
Achromatopsia (no color)
#A8A8A8

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

CSS
--color: #8fa7e2;
/* rgb */ color: rgb(143, 167, 226);
/* oklch */ color: oklch(73.2% 0.090 267.1);
Tailwind
colors: {
  custom: {
    50: '#b2c1eb',
    500: '#8fa7e2',
    950: '#000000',
  },
}
SCSS
$custom: #8fa7e2;
$custom-light: #b2c1eb;
$custom-dark: #000000;
JSON
{
  "hex": "#8fa7e2",
  "rgb": {
    "r": 143,
    "g": 167,
    "b": 226
  },
  "hsl": {
    "h": 222.651,
    "s": 58.865,
    "l": 72.353
  },
  "oklch": {
    "l": 0.73237,
    "c": 0.0902,
    "h": 267.1
  },
  "luminance": 0.38968
}

Semantic roles & 50–950 ramp

primary
#8FA7E2
secondary
#F0EADB
accent
#961FC6
background
#FBFBFE
surface
#F6F7FD
border
#D0D0D5
text
#111216
muted
#808184

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

معاينة مع #8FA7E2

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

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

#8FA7E2 — Tintiva