#5CA8DC#5CA8DC

#5CA8DC لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.354؛ OKLCH L 70.4% C 0.108 H 240.5°. أفضل لون لنص المتن هو #000000 بتباين 8.09:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5CA8DC
RGBrgb(92, 168, 220)
HSLhsl(204, 65%, 61%)
HSVhsv(204, 58%, 86%)
CMYKcmyk(58.2%, 23.6%, 0%, 13.7%)
CIE-LABlab(66.09, -8.46, -33.41)
CIE-LCHlch(66.09, 34.47, 255.79°)
OKLaboklab(70.38% -0.0529 -0.0936)
OKLCHoklch(70.38% 0.108 240.5)
XYZxyz(31.3297, 35.4450, 72.8868)
Luminance0.3545 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5CA8DC #DC905C
analogous
#5CDCD0 #5CA8DC #5C68DC
triadic
#5CA8DC #DC5CA8 #A8DC5C
tetradic
#5CA8DC #D05CDC #DC905C #68DC5C
square
#5CA8DC #D05CDC #DC905C #68DC5C
split-complementary
#5CA8DC #DC5C68 #DCD05C
monochromatic
#226A9C #2C8DCE #5CA8DC #8EC3E7 #C1DEF2

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

On white

2.60
#5CA8DC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.09
#5CA8DC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##5CA8DC#FFFFFF#000000##000000
##5CA8DC1.002.608.098.09
#FFFFFF2.601.0021.0021.00
#0000008.0921.001.001.00
##0000008.0921.001.001.00

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

Protanopia (red-blind)
#91A8DE
Deuteranopia (green-blind)
#7F9BDB
Tritanopia (blue-blind)
#00B5BA
Achromatopsia (no color)
#A1A1A1

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

CSS
--color: #5ca8dc;
/* rgb */ color: rgb(92, 168, 220);
/* oklch */ color: oklch(70.4% 0.108 240.5);
Tailwind
colors: {
  custom: {
    50: '#94c1e7',
    500: '#5ca8dc',
    950: '#000000',
  },
}
SCSS
$custom: #5ca8dc;
$custom-light: #94c1e7;
$custom-dark: #000000;
JSON
{
  "hex": "#5ca8dc",
  "rgb": {
    "r": 92,
    "g": 168,
    "b": 220
  },
  "hsl": {
    "h": 204.375,
    "s": 64.646,
    "l": 61.176
  },
  "oklch": {
    "l": 0.7038,
    "c": 0.10753,
    "h": 240.5
  },
  "luminance": 0.35448
}

Semantic roles & 50–950 ramp

primary
#5CA8DC
secondary
#E2C5B2
accent
#6219CC
background
#F9FBFE
surface
#F2F7FC
border
#CCD0D5
text
#0E1216
muted
#7E8184

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

معاينة مع #5CA8DC

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

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

#5CA8DC — Tintiva