#558FEF#558FEF

#558FEF لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.278؛ OKLCH L 65.6% C 0.156 H 259.9°. أفضل لون لنص المتن هو #000000 بتباين 6.56:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#558FEF
RGBrgb(85, 143, 239)
HSLhsl(217, 83%, 64%)
HSVhsv(217, 64%, 94%)
CMYKcmyk(64.4%, 40.2%, 0%, 6.3%)
CIE-LABlab(59.71, 10.81, -53.96)
CIE-LCHlch(59.71, 55.03, 281.33°)
OKLaboklab(65.59% -0.0273 -0.1537)
OKLCHoklch(65.59% 0.156 259.9)
XYZxyz(29.1432, 27.8054, 85.4758)
Luminance0.2781 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#558FEF #EFB555
analogous
#55DCEF #558FEF #6855EF
triadic
#558FEF #EF558F #8FEF55
tetradic
#558FEF #EF55DC #EFB555 #55EF68
square
#558FEF #EF55DC #EFB555 #55EF68
split-complementary
#558FEF #EF6855 #DCEF55
monochromatic
#1150B8 #1D6AEA #558FEF #8DB4F4 #C5D9FA

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

On white

3.20
#558FEF on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.56
#558FEF on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #558FEF
6.56:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##558FEF#FFFFFF#000000##000000
##558FEF1.003.206.566.56
#FFFFFF3.201.0021.0021.00
#0000006.5621.001.001.00
##0000006.5621.001.001.00

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

Protanopia (red-blind)
#6498F3
Deuteranopia (green-blind)
#4C89ED
Tritanopia (blue-blind)
#00A5B3
Achromatopsia (no color)
#909090

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

CSS
--color: #558fef;
/* rgb */ color: rgb(85, 143, 239);
/* oklch */ color: oklch(65.6% 0.156 259.9);
Tailwind
colors: {
  custom: {
    50: '#93aff5',
    500: '#558fef',
    950: '#000000',
  },
}
SCSS
$custom: #558fef;
$custom-light: #93aff5;
$custom-dark: #000000;
JSON
{
  "hex": "#558fef",
  "rgb": {
    "r": 85,
    "g": 143,
    "b": 239
  },
  "hsl": {
    "h": 217.403,
    "s": 82.796,
    "l": 63.529
  },
  "oklch": {
    "l": 0.65594,
    "c": 0.15611,
    "h": 259.9
  },
  "luminance": 0.27808
}

Semantic roles & 50–950 ramp

primary
#558FEF
secondary
#EBD7B5
accent
#8E06DF
background
#F9FAFF
surface
#F2F4FE
border
#CCCED6
text
#0E1017
muted
#7E7F85

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

معاينة مع #558FEF

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

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

#558FEF — Tintiva