#577C6A#577C6A

#577C6A لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.175؛ OKLCH L 55.3% C 0.050 H 163.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.67:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#577C6A
RGBrgb(87, 124, 106)
HSLhsl(151, 18%, 41%)
HSVhsv(151, 30%, 49%)
CMYKcmyk(29.8%, 0%, 14.5%, 51.4%)
CIE-LABlab(48.86, -17.17, 5.67)
CIE-LCHlch(48.86, 18.08, 161.72°)
OKLaboklab(55.29% -0.0483 0.0146)
OKLCHoklch(55.29% 0.05 163.1)
XYZxyz(13.7388, 17.4815, 16.2832)
Luminance0.1748 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#577C6A #7C5769
analogous
#577C58 #577C6A #577C7C
triadic
#577C6A #6A577C #7C6A57
tetradic
#577C6A #58577C #7C5769 #7C7C57
square
#577C6A #58577C #7C5769 #7C7C57
split-complementary
#577C6A #7C577C #7C5857
monochromatic
#25342D #3E584B #577C6A #739D89 #97B6A7

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

On white

4.67
#577C6A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.50
#577C6A on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #577C6A
4.67:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##577C6A#FFFFFF#000000##FFFFFF
##577C6A1.004.674.504.67
#FFFFFF4.671.0021.001.00
#0000004.5021.001.0021.00
##FFFFFF4.671.0021.001.00

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

Protanopia (red-blind)
#7B7769
Deuteranopia (green-blind)
#74726B
Tritanopia (blue-blind)
#4F7C77
Achromatopsia (no color)
#747474

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

CSS
--color: #577c6a;
/* rgb */ color: rgb(87, 124, 106);
/* oklch */ color: oklch(55.3% 0.050 163.1);
Tailwind
colors: {
  custom: {
    50: '#87a294',
    500: '#577c6a',
    950: '#000000',
  },
}
SCSS
$custom: #577c6a;
$custom-light: #87a294;
$custom-dark: #000000;
JSON
{
  "hex": "#577c6a",
  "rgb": {
    "r": 87,
    "g": 124,
    "b": 106
  },
  "hsl": {
    "h": 150.811,
    "s": 17.536,
    "l": 41.373
  },
  "oklch": {
    "l": 0.55291,
    "c": 0.05043,
    "h": 163.1
  },
  "luminance": 0.17482
}

Semantic roles & 50–950 ramp

primary
#577C6A
secondary
#A48B97
accent
#6E93BA
background
#F8F9F9
surface
#EFF2F1
border
#CACCCB
text
#0B0F0D
muted
#7C7E7E

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

معاينة مع #577C6A

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

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

#577C6A — Tintiva