#53A86F#53A86F

#53A86F لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.310؛ OKLCH L 66.3% C 0.119 H 152.6°. أفضل لون لنص المتن هو #000000 بتباين 7.20:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#53A86F
RGBrgb(83, 168, 111)
HSLhsl(140, 34%, 49%)
HSVhsv(140, 51%, 66%)
CMYKcmyk(50.6%, 0%, 33.9%, 34.1%)
CIE-LABlab(62.50, -38.81, 21.77)
CIE-LCHlch(62.50, 44.50, 150.71°)
OKLaboklab(66.32% -0.1056 0.0548)
OKLCHoklch(66.32% 0.119 152.6)
XYZxyz(20.4377, 30.9903, 19.9406)
Luminance0.3099 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#53A86F #A8538C
analogous
#61A853 #53A86F #53A89A
triadic
#53A86F #6F53A8 #A86F53
tetradic
#53A86F #5361A8 #A8538C #A89A53
square
#53A86F #5361A8 #A8538C #A89A53
split-complementary
#53A86F #9A53A8 #A85361
monochromatic
#2B5639 #3F7F54 #53A86F #7BBE91 #A4D2B3

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

On white

2.92
#53A86F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.20
#53A86F on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #53A86F
7.20:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##53A86F#FFFFFF#000000##000000
##53A86F1.002.927.207.20
#FFFFFF2.921.0021.0021.00
#0000007.2021.001.001.00
##0000007.2021.001.001.00

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

Protanopia (red-blind)
#A89C6B
Deuteranopia (green-blind)
#9C9472
Tritanopia (blue-blind)
#3FA699
Achromatopsia (no color)
#979797

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

CSS
--color: #53a86f;
/* rgb */ color: rgb(83, 168, 111);
/* oklch */ color: oklch(66.3% 0.119 152.6);
Tailwind
colors: {
  custom: {
    50: '#89c298',
    500: '#53a86f',
    950: '#000000',
  },
}
SCSS
$custom: #53a86f;
$custom-light: #89c298;
$custom-dark: #000000;
JSON
{
  "hex": "#53a86f",
  "rgb": {
    "r": 83,
    "g": 168,
    "b": 111
  },
  "hsl": {
    "h": 139.765,
    "s": 33.865,
    "l": 49.216
  },
  "oklch": {
    "l": 0.66322,
    "c": 0.119,
    "h": 152.6
  },
  "luminance": 0.30992
}

Semantic roles & 50–950 ramp

primary
#53A86F
secondary
#BF98B2
accent
#5EA6CA
background
#F8FCF9
surface
#F0F8F2
border
#CBD1CC
text
#0C120E
muted
#7D817E

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

معاينة مع #53A86F

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

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

#53A86F — Tintiva