#556B8A#556B8A

#556B8A لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.143؛ OKLCH L 52.3% C 0.056 H 257.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.45:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#556B8A
RGBrgb(85, 107, 138)
HSLhsl(215, 24%, 44%)
HSVhsv(215, 38%, 54%)
CMYKcmyk(38.4%, 22.5%, 0%, 45.9%)
CIE-LABlab(44.63, 0.10, -19.67)
CIE-LCHlch(44.63, 19.67, 270.31°)
OKLaboklab(52.25% -0.0126 -0.0545)
OKLCHoklch(52.25% 0.056 257)
XYZxyz(13.5900, 14.2810, 26.0803)
Luminance0.1428 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#556B8A #8A7455
analogous
#55858A #556B8A #59558A
triadic
#556B8A #8A556B #6B8A55
tetradic
#556B8A #8A5585 #8A7455 #558A59
square
#556B8A #8A5585 #8A7455 #558A59
split-complementary
#556B8A #8A5955 #858A55
monochromatic
#26303E #3E4E64 #556B8A #738AA9 #99A9C0

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

On white

5.45
#556B8A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.86
#556B8A on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #556B8A
5.45:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##556B8A#FFFFFF#000000##FFFFFF
##556B8A1.005.453.865.45
#FFFFFF5.451.0021.001.00
#0000003.8621.001.0021.00
##FFFFFF5.451.0021.001.00

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

Protanopia (red-blind)
#606C8B
Deuteranopia (green-blind)
#5A6789
Tritanopia (blue-blind)
#447275
Achromatopsia (no color)
#6A6A6A

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

CSS
--color: #556b8a;
/* rgb */ color: rgb(85, 107, 138);
/* oklch */ color: oklch(52.3% 0.056 257.0);
Tailwind
colors: {
  custom: {
    50: '#8795ac',
    500: '#556b8a',
    950: '#000000',
  },
}
SCSS
$custom: #556b8a;
$custom-light: #8795ac;
$custom-dark: #000000;
JSON
{
  "hex": "#556b8a",
  "rgb": {
    "r": 85,
    "g": 107,
    "b": 138
  },
  "hsl": {
    "h": 215.094,
    "s": 23.767,
    "l": 43.725
  },
  "oklch": {
    "l": 0.52251,
    "c": 0.05589,
    "h": 257
  },
  "luminance": 0.14282
}

Semantic roles & 50–950 ramp

primary
#556B8A
secondary
#AEA08D
accent
#9B68C0
background
#F8F9FA
surface
#EFF1F4
border
#CACBCE
text
#0B0D10
muted
#7C7E7F

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

معاينة مع #556B8A

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

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

#556B8A — Tintiva