#577C5B#577C5B

#577C5B لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.172؛ OKLCH L 54.9% C 0.066 H 147.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.73:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#577C5B
RGBrgb(87, 124, 91)
HSLhsl(126, 18%, 41%)
HSVhsv(126, 30%, 49%)
CMYKcmyk(29.8%, 0%, 26.6%, 51.4%)
CIE-LABlab(48.51, -20.26, 13.94)
CIE-LCHlch(48.51, 24.59, 145.47°)
OKLaboklab(54.89% -0.0554 0.0355)
OKLCHoklch(54.89% 0.066 147.4)
XYZxyz(13.0259, 17.1963, 12.5284)
Luminance0.1720 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#577C5B #7C5778
analogous
#667C57 #577C5B #577C6E
triadic
#577C5B #5B577C #7C5B57
tetradic
#577C5B #57667C #7C5778 #7C6E57
square
#577C5B #57667C #7C5778 #7C6E57
split-complementary
#577C5B #6E577C #7C5766
monochromatic
#253426 #3E5841 #577C5B #739D78 #97B69B

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

On white

4.73
#577C5B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.44
#577C5B on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##577C5B#FFFFFF#000000##FFFFFF
##577C5B1.004.734.444.73
#FFFFFF4.731.0021.001.00
#0000004.4421.001.0021.00
##FFFFFF4.731.0021.001.00

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

Protanopia (red-blind)
#7D7659
Deuteranopia (green-blind)
#77725D
Tritanopia (blue-blind)
#537A73
Achromatopsia (no color)
#737373

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

CSS
--color: #577c5b;
/* rgb */ color: rgb(87, 124, 91);
/* oklch */ color: oklch(54.9% 0.066 147.4);
Tailwind
colors: {
  custom: {
    50: '#87a289',
    500: '#577c5b',
    950: '#000000',
  },
}
SCSS
$custom: #577c5b;
$custom-light: #87a289;
$custom-dark: #000000;
JSON
{
  "hex": "#577c5b",
  "rgb": {
    "r": 87,
    "g": 124,
    "b": 91
  },
  "hsl": {
    "h": 126.486,
    "s": 17.536,
    "l": 41.373
  },
  "oklch": {
    "l": 0.54889,
    "c": 0.06582,
    "h": 147.4
  },
  "luminance": 0.17197
}

Semantic roles & 50–950 ramp

primary
#577C5B
secondary
#A48BA1
accent
#6EB2BA
background
#F8F9F8
surface
#EFF2F0
border
#CACCCB
text
#0B0F0B
muted
#7C7E7C

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

معاينة مع #577C5B

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

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

#577C5B — Tintiva