#548A5D#548A5D

#548A5D لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.209؛ OKLCH L 58.3% C 0.090 H 148.4°. أفضل لون لنص المتن هو #000000 بتباين 5.17:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#548A5D
RGBrgb(84, 138, 93)
HSLhsl(130, 24%, 44%)
HSVhsv(130, 39%, 54%)
CMYKcmyk(39.1%, 0%, 32.6%, 45.9%)
CIE-LABlab(52.79, -27.99, 18.62)
CIE-LCHlch(52.79, 33.61, 146.37°)
OKLaboklab(58.32% -0.0763 0.0469)
OKLCHoklch(58.32% 0.09 148.4)
XYZxyz(14.7196, 20.8512, 13.6029)
Luminance0.2085 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#548A5D #8A5481
analogous
#668A54 #548A5D #548A78
triadic
#548A5D #5D548A #8A5D54
tetradic
#548A5D #54668A #8A5481 #8A7854
square
#548A5D #54668A #8A5481 #8A7854
split-complementary
#548A5D #78548A #8A5466
monochromatic
#263E2A #3D6443 #548A5D #72A97B #98C09F

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

On white

4.06
#548A5D on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.17
#548A5D on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #548A5D
5.17:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##548A5D#FFFFFF#000000##000000
##548A5D1.004.065.175.17
#FFFFFF4.061.0021.0021.00
#0000005.1721.001.001.00
##0000005.1721.001.001.00

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

Protanopia (red-blind)
#8B815A
Deuteranopia (green-blind)
#837C60
Tritanopia (blue-blind)
#4C887E
Achromatopsia (no color)
#7E7E7E

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

CSS
--color: #548a5d;
/* rgb */ color: rgb(84, 138, 93);
/* oklch */ color: oklch(58.3% 0.090 148.4);
Tailwind
colors: {
  custom: {
    50: '#86ac8b',
    500: '#548a5d',
    950: '#000000',
  },
}
SCSS
$custom: #548a5d;
$custom-light: #86ac8b;
$custom-dark: #000000;
JSON
{
  "hex": "#548a5d",
  "rgb": {
    "r": 84,
    "g": 138,
    "b": 93
  },
  "hsl": {
    "h": 130,
    "s": 24.324,
    "l": 43.529
  },
  "oklch": {
    "l": 0.58317,
    "c": 0.08961,
    "h": 148.4
  },
  "luminance": 0.20852
}

Semantic roles & 50–950 ramp

primary
#548A5D
secondary
#AE8CA8
accent
#67B2C1
background
#F8FAF8
surface
#F0F4F0
border
#CBCECB
text
#0B100C
muted
#7C7F7D

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

معاينة مع #548A5D

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

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

#548A5D — Tintiva