#337A48#337A48

#337A48 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.151؛ OKLCH L 52.1% C 0.106 H 150.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.23:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#337A48
RGBrgb(51, 122, 72)
HSLhsl(138, 41%, 34%)
HSVhsv(138, 58%, 48%)
CMYKcmyk(58.2%, 0%, 41%, 52.2%)
CIE-LABlab(45.76, -34.20, 20.86)
CIE-LCHlch(45.76, 40.06, 148.62°)
OKLaboklab(52.06% -0.0927 0.0519)
OKLCHoklch(52.06% 0.106 150.8)
XYZxyz(9.4938, 15.0899, 8.5420)
Luminance0.1509 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#337A48 #7A3365
analogous
#427A33 #337A48 #337A6C
triadic
#337A48 #48337A #7A4833
tetradic
#337A48 #33427A #7A3365 #7A6C33
square
#337A48 #33427A #7A3365 #7A6C33
split-complementary
#337A48 #6C337A #7A3342
monochromatic
#0F2415 #214F2F #337A48 #45A561 #68C082

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

On white

5.23
#337A48 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.02
#337A48 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #337A48
5.23:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##337A48#FFFFFF#000000##FFFFFF
##337A481.005.234.025.23
#FFFFFF5.231.0021.001.00
#0000004.0221.001.0021.00
##FFFFFF5.231.0021.001.00

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

Protanopia (red-blind)
#7B7045
Deuteranopia (green-blind)
#716A4B
Tritanopia (blue-blind)
#21786D
Achromatopsia (no color)
#6C6C6C

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

CSS
--color: #337a48;
/* rgb */ color: rgb(51, 122, 72);
/* oklch */ color: oklch(52.1% 0.106 150.8);
Tailwind
colors: {
  custom: {
    50: '#71a17b',
    500: '#337a48',
    950: '#000000',
  },
}
SCSS
$custom: #337a48;
$custom-light: #71a17b;
$custom-dark: #000000;
JSON
{
  "hex": "#337a48",
  "rgb": {
    "r": 51,
    "g": 122,
    "b": 72
  },
  "hsl": {
    "h": 137.746,
    "s": 41.04,
    "l": 33.922
  },
  "oklch": {
    "l": 0.52063,
    "c": 0.1062,
    "h": 150.8
  },
  "luminance": 0.15091
}

Semantic roles & 50–950 ramp

primary
#337A48
secondary
#A86193
accent
#57ADD1
background
#F7FAF7
surface
#EDF3EE
border
#C8CDC9
text
#080F09
muted
#7B7F7B

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

معاينة مع #337A48

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

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

#337A48 — Tintiva