#5C85CA#5C85CA

#5C85CA لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.233؛ OKLCH L 61.7% C 0.115 H 260.3°. أفضل لون لنص المتن هو #000000 بتباين 5.66:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5C85CA
RGBrgb(92, 133, 202)
HSLhsl(218, 51%, 58%)
HSVhsv(218, 54%, 79%)
CMYKcmyk(54.5%, 34.2%, 0%, 20.8%)
CIE-LABlab(55.39, 5.90, -40.08)
CIE-LCHlch(55.39, 40.51, 278.38°)
OKLaboklab(61.71% -0.0192 -0.1131)
OKLCHoklch(61.71% 0.115 260.3)
XYZxyz(23.4582, 23.3128, 59.1293)
Luminance0.2331 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5C85CA #CAA15C
analogous
#5CBCCA #5C85CA #6A5CCA
triadic
#5C85CA #CA5C85 #85CA5C
tetradic
#5C85CA #CA5CBC #CAA15C #5CCA6A
square
#5C85CA #CA5CBC #CAA15C #5CCA6A
split-complementary
#5C85CA #CA6A5C #BCCA5C
monochromatic
#2A4B81 #3965B0 #5C85CA #8AA8D9 #B8CAE8

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

On white

3.71
#5C85CA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.66
#5C85CA on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##5C85CA#FFFFFF#000000##000000
##5C85CA1.003.715.665.66
#FFFFFF3.711.0021.0021.00
#0000005.6621.001.001.00
##0000005.6621.001.001.00

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

Protanopia (red-blind)
#698ACD
Deuteranopia (green-blind)
#5C80C9
Tritanopia (blue-blind)
#1B949E
Achromatopsia (no color)
#858585

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

CSS
--color: #5c85ca;
/* rgb */ color: rgb(92, 133, 202);
/* oklch */ color: oklch(61.7% 0.115 260.3);
Tailwind
colors: {
  custom: {
    50: '#91a8da',
    500: '#5c85ca',
    950: '#000000',
  },
}
SCSS
$custom: #5c85ca;
$custom-light: #91a8da;
$custom-dark: #000000;
JSON
{
  "hex": "#5c85ca",
  "rgb": {
    "r": 92,
    "g": 133,
    "b": 202
  },
  "hsl": {
    "h": 217.636,
    "s": 50.926,
    "l": 57.647
  },
  "oklch": {
    "l": 0.61713,
    "c": 0.11474,
    "h": 260.3
  },
  "luminance": 0.23315
}

Semantic roles & 50–950 ramp

primary
#5C85CA
secondary
#D7C7AB
accent
#A64DDA
background
#F9FAFD
surface
#F2F4FB
border
#CCCED4
text
#0D0F15
muted
#7E7F83

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

معاينة مع #5C85CA

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

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

#5C85CA — Tintiva