#86A7DF#86A7DF

#86A7DF لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.380؛ OKLCH L 72.5% C 0.090 H 260.8°. أفضل لون لنص المتن هو #000000 بتباين 8.61:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#86A7DF
RGBrgb(134, 167, 223)
HSLhsl(218, 58%, 70%)
HSVhsv(218, 40%, 87%)
CMYKcmyk(39.9%, 25.1%, 0%, 12.5%)
CIE-LABlab(68.04, 2.71, -31.88)
CIE-LCHlch(68.04, 31.99, 274.86°)
OKLaboklab(72.52% -0.0144 -0.0887)
OKLCHoklch(72.52% 0.09 260.8)
XYZxyz(36.9653, 38.0315, 75.1908)
Luminance0.3803 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#86A7DF #DFBE86
analogous
#86D3DF #86A7DF #9286DF
triadic
#86A7DF #DF86A7 #A7DF86
tetradic
#86A7DF #DF86D3 #DFBE86 #86DF92
square
#86A7DF #DF86D3 #DFBE86 #86DF92
split-complementary
#86A7DF #DF9286 #D3DF86
monochromatic
#3164BA #5684D2 #86A7DF #B6CAEC #E7EDF9

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

On white

2.44
#86A7DF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.61
#86A7DF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##86A7DF#FFFFFF#000000##000000
##86A7DF1.002.448.618.61
#FFFFFF2.441.0021.0021.00
#0000008.6121.001.001.00
##0000008.6121.001.001.00

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

Protanopia (red-blind)
#93AAE2
Deuteranopia (green-blind)
#89A2DE
Tritanopia (blue-blind)
#68B3BA
Achromatopsia (no color)
#A6A6A6

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

CSS
--color: #86a7df;
/* rgb */ color: rgb(134, 167, 223);
/* oklch */ color: oklch(72.5% 0.090 260.8);
Tailwind
colors: {
  custom: {
    50: '#acc1e9',
    500: '#86a7df',
    950: '#000000',
  },
}
SCSS
$custom: #86a7df;
$custom-light: #acc1e9;
$custom-dark: #000000;
JSON
{
  "hex": "#86a7df",
  "rgb": {
    "r": 134,
    "g": 167,
    "b": 223
  },
  "hsl": {
    "h": 217.753,
    "s": 58.17,
    "l": 70
  },
  "oklch": {
    "l": 0.72518,
    "c": 0.08983,
    "h": 260.8
  },
  "luminance": 0.38033
}

Semantic roles & 50–950 ramp

primary
#86A7DF
secondary
#EDE4D4
accent
#8820C6
background
#FAFBFE
surface
#F4F7FC
border
#CED0D5
text
#101216
muted
#7F8184

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

معاينة مع #86A7DF

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

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

#86A7DF — Tintiva