#5AA97E#5AA97E

#5AA97E لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.321؛ OKLCH L 67.2% C 0.102 H 158.2°. أفضل لون لنص المتن هو #000000 بتباين 7.41:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5AA97E
RGBrgb(90, 169, 126)
HSLhsl(147, 31%, 51%)
HSVhsv(147, 47%, 66%)
CMYKcmyk(46.7%, 0%, 25.4%, 33.7%)
CIE-LABlab(63.39, -34.41, 14.81)
CIE-LCHlch(63.39, 37.46, 156.71°)
OKLaboklab(67.22% -0.0947 0.0378)
OKLCHoklch(67.22% 0.102 158.2)
XYZxyz(22.1686, 32.0543, 24.7535)
Luminance0.3206 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5AA97E #A95A85
analogous
#5DA95A #5AA97E #5AA9A5
triadic
#5AA97E #7E5AA9 #A97E5A
tetradic
#5AA97E #5A5DA9 #A95A85 #A9A55A
square
#5AA97E #5A5DA9 #A95A85 #A9A55A
split-complementary
#5AA97E #A55AA9 #A95A5D
monochromatic
#2F5A42 #448260 #5AA97E #82BE9D #AAD3BD

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

On white

2.83
#5AA97E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.41
#5AA97E on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #5AA97E
7.41:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5AA97E#FFFFFF#000000##000000
##5AA97E1.002.837.417.41
#FFFFFF2.831.0021.0021.00
#0000007.4121.001.001.00
##0000007.4121.001.001.00

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

Protanopia (red-blind)
#A89F7C
Deuteranopia (green-blind)
#9C9681
Tritanopia (blue-blind)
#46A89D
Achromatopsia (no color)
#999999

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

CSS
--color: #5aa97e;
/* rgb */ color: rgb(90, 169, 126);
/* oklch */ color: oklch(67.2% 0.102 158.2);
Tailwind
colors: {
  custom: {
    50: '#8dc3a3',
    500: '#5aa97e',
    950: '#000000',
  },
}
SCSS
$custom: #5aa97e;
$custom-light: #8dc3a3;
$custom-dark: #000000;
JSON
{
  "hex": "#5aa97e",
  "rgb": {
    "r": 90,
    "g": 169,
    "b": 126
  },
  "hsl": {
    "h": 147.342,
    "s": 31.474,
    "l": 50.784
  },
  "oklch": {
    "l": 0.67221,
    "c": 0.10194,
    "h": 158.2
  },
  "luminance": 0.32056
}

Semantic roles & 50–950 ramp

primary
#5AA97E
secondary
#C19EB1
accent
#6098C8
background
#F8FCFA
surface
#F0F8F3
border
#CBD1CD
text
#0D120F
muted
#7D817F

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

معاينة مع #5AA97E

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

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

#5AA97E — Tintiva