#86A5CD#86A5CD

#86A5CD لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.364؛ OKLCH L 71.3% C 0.068 H 255.0°. أفضل لون لنص المتن هو #000000 بتباين 8.28:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#86A5CD
RGBrgb(134, 165, 205)
HSLhsl(214, 42%, 66%)
HSVhsv(214, 35%, 80%)
CMYKcmyk(34.6%, 19.5%, 0%, 19.6%)
CIE-LABlab(66.81, -0.97, -23.84)
CIE-LCHlch(66.81, 23.86, 267.68°)
OKLaboklab(71.33% -0.0176 -0.0658)
OKLCHoklch(71.33% 0.068 255)
XYZxyz(34.3027, 36.3848, 62.9613)
Luminance0.3639 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#86A5CD #CDAE86
analogous
#86C9CD #86A5CD #8B86CD
triadic
#86A5CD #CD86A5 #A5CD86
tetradic
#86A5CD #CD86C9 #CDAE86 #86CD8B
square
#86A5CD #CD86C9 #CDAE86 #86CD8B
split-complementary
#86A5CD #CD8B86 #C9CD86
monochromatic
#3F6799 #5B85BB #86A5CD #B1C5DF #DDE5F1

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

On white

2.54
#86A5CD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.28
#86A5CD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##86A5CD#FFFFFF#000000##000000
##86A5CD1.002.548.288.28
#FFFFFF2.541.0021.0021.00
#0000008.2821.001.001.00
##0000008.2821.001.001.00

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

Protanopia (red-blind)
#97A6CF
Deuteranopia (green-blind)
#8E9FCC
Tritanopia (blue-blind)
#70AEB2
Achromatopsia (no color)
#A3A3A3

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

CSS
--color: #86a5cd;
/* rgb */ color: rgb(134, 165, 205);
/* oklch */ color: oklch(71.3% 0.068 255.0);
Tailwind
colors: {
  custom: {
    50: '#abbfdc',
    500: '#86a5cd',
    950: '#000000',
  },
}
SCSS
$custom: #86a5cd;
$custom-light: #abbfdc;
$custom-dark: #000000;
JSON
{
  "hex": "#86a5cd",
  "rgb": {
    "r": 134,
    "g": 165,
    "b": 205
  },
  "hsl": {
    "h": 213.803,
    "s": 41.52,
    "l": 66.471
  },
  "oklch": {
    "l": 0.71326,
    "c": 0.06812,
    "h": 255
  },
  "luminance": 0.36386
}

Semantic roles & 50–950 ramp

primary
#86A5CD
secondary
#E3D9CC
accent
#7B31B5
background
#FAFBFD
surface
#F4F7FB
border
#CED0D4
text
#101215
muted
#7F8183

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

معاينة مع #86A5CD

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

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

#86A5CD — Tintiva