#558FEA#558FEA

#558FEA لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.275؛ OKLCH L 65.3% C 0.150 H 259.1°. أفضل لون لنص المتن هو #000000 بتباين 6.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#558FEA
RGBrgb(85, 143, 234)
HSLhsl(217, 78%, 63%)
HSVhsv(217, 64%, 92%)
CMYKcmyk(63.7%, 38.9%, 0%, 8.2%)
CIE-LABlab(59.45, 9.12, -51.61)
CIE-LCHlch(59.45, 52.41, 280.03°)
OKLaboklab(65.3% -0.0283 -0.1468)
OKLCHoklch(65.3% 0.15 259.1)
XYZxyz(28.4148, 27.5140, 81.6392)
Luminance0.2752 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#558FEA #EAB055
analogous
#55DAEA #558FEA #6555EA
triadic
#558FEA #EA558F #8FEA55
tetradic
#558FEA #EA55DA #EAB055 #55EA65
square
#558FEA #EA55DA #EAB055 #55EA65
split-complementary
#558FEA #EA6555 #DAEA55
monochromatic
#1651AF #1F6BE3 #558FEA #8BB3F1 #C2D7F7

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

On white

3.23
#558FEA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.50
#558FEA on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##558FEA#FFFFFF#000000##000000
##558FEA1.003.236.506.50
#FFFFFF3.231.0021.0021.00
#0000006.5021.001.001.00
##0000006.5021.001.001.00

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

Protanopia (red-blind)
#6797EE
Deuteranopia (green-blind)
#5189E8
Tritanopia (blue-blind)
#00A4B1
Achromatopsia (no color)
#8F8F8F

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

CSS
--color: #558fea;
/* rgb */ color: rgb(85, 143, 234);
/* oklch */ color: oklch(65.3% 0.150 259.1);
Tailwind
colors: {
  custom: {
    50: '#92aff1',
    500: '#558fea',
    950: '#000000',
  },
}
SCSS
$custom: #558fea;
$custom-light: #92aff1;
$custom-dark: #000000;
JSON
{
  "hex": "#558fea",
  "rgb": {
    "r": 85,
    "g": 143,
    "b": 234
  },
  "hsl": {
    "h": 216.644,
    "s": 78.01,
    "l": 62.549
  },
  "oklch": {
    "l": 0.65302,
    "c": 0.14954,
    "h": 259.1
  },
  "luminance": 0.27517
}

Semantic roles & 50–950 ramp

primary
#558FEA
secondary
#E8D3B2
accent
#8A0BDA
background
#F9FAFE
surface
#F2F4FD
border
#CCCED5
text
#0E1017
muted
#7E7F85

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

معاينة مع #558FEA

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

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

#558FEA — Tintiva