#8A86B2#8A86B2

#8A86B2 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.257؛ OKLCH L 64.0% C 0.065 H 288.6°. أفضل لون لنص المتن هو #000000 بتباين 6.13:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#8A86B2
RGBrgb(138, 134, 178)
HSLhsl(245, 22%, 61%)
HSVhsv(245, 25%, 70%)
CMYKcmyk(22.5%, 24.7%, 0%, 30.2%)
CIE-LABlab(57.72, 11.09, -22.58)
CIE-LCHlch(57.72, 25.15, 296.16°)
OKLaboklab(63.97% 0.0208 -0.062)
OKLCHoklch(63.97% 0.065 288.6)
XYZxyz(27.0403, 25.6674, 45.6405)
Luminance0.2567 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#8A86B2 #AEB286
analogous
#8698B2 #8A86B2 #A086B2
triadic
#8A86B2 #B28A86 #86B28A
tetradic
#8A86B2 #B28698 #AEB286 #86B2A0
square
#8A86B2 #B28698 #AEB286 #86B2A0
split-complementary
#8A86B2 #B2A086 #98B286
monochromatic
#4E4A74 #676299 #8A86B2 #AEABCA #D2D1E2

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

On white

3.42
#8A86B2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.13
#8A86B2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##8A86B2#FFFFFF#000000##000000
##8A86B21.003.426.136.13
#FFFFFF3.421.0021.0021.00
#0000006.1321.001.001.00
##0000006.1321.001.001.00

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

Protanopia (red-blind)
#7B8CB4
Deuteranopia (green-blind)
#7B8AB1
Tritanopia (blue-blind)
#818D95
Achromatopsia (no color)
#8B8B8B

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

CSS
--color: #8a86b2;
/* rgb */ color: rgb(138, 134, 178);
/* oklch */ color: oklch(64.0% 0.065 288.6);
Tailwind
colors: {
  custom: {
    50: '#ada9c9',
    500: '#8a86b2',
    950: '#000000',
  },
}
SCSS
$custom: #8a86b2;
$custom-light: #ada9c9;
$custom-dark: #000000;
JSON
{
  "hex": "#8a86b2",
  "rgb": {
    "r": 138,
    "g": 134,
    "b": 178
  },
  "hsl": {
    "h": 245.455,
    "s": 22.222,
    "l": 61.176
  },
  "oklch": {
    "l": 0.6397,
    "c": 0.06544,
    "h": 288.6
  },
  "luminance": 0.25668
}

Semantic roles & 50–950 ramp

primary
#8A86B2
secondary
#D1D2C2
accent
#A14598
background
#FAFAFC
surface
#F4F4F8
border
#CECED1
text
#100F13
muted
#7F7F82

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

معاينة مع #8A86B2

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

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

#8A86B2 — Tintiva