#58A372#58A372

#58A372 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.295؛ OKLCH L 65.3% C 0.105 H 153.8°. أفضل لون لنص المتن هو #000000 بتباين 6.90:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#58A372
RGB	rgb(88, 163, 114)
HSL	hsl(141, 30%, 49%)
HSV	hsv(141, 46%, 64%)
CMYK	cmyk(46%, 0%, 30.1%, 36.1%)
CIE-LAB	lab(61.21, -34.61, 18.40)
CIE-LCH	lch(61.21, 39.19, 152.00°)
OKLab	oklab(65.34% -0.0946 0.0466)
OKLCH	oklch(65.34% 0.105 153.8)
XYZ	xyz(20.1576, 29.4825, 20.5448)
Luminance	0.2948 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#58A372 #A35889

analogous

#64A358 #58A372 #58A398

triadic

#58A372 #7258A3 #A37258

tetradic

#58A372 #5864A3 #A35889 #A39858

square

#58A372 #5864A3 #A35889 #A39858

split-complementary

#58A372 #9858A3 #A35864

monochromatic

#2D543A #437B56 #58A372 #7FBA93 #A6CFB4

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

On white

3.04

#58A372 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.90

#58A372 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #58A372

6.90:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##58A372	#FFFFFF	#000000	##000000
##58A372	1.00	3.04	6.90	6.90
#FFFFFF	3.04	1.00	21.00	21.00
#000000	6.90	21.00	1.00	1.00
##000000	6.90	21.00	1.00	1.00

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

Protanopia (red-blind)

#A3986F

Deuteranopia (green-blind)

#989175

Tritanopia (blue-blind)

#48A196

Achromatopsia (no color)

#949494

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

CSS

--color: #58a372;
/* rgb */ color: rgb(88, 163, 114);
/* oklch */ color: oklch(65.3% 0.105 153.8);

Tailwind

colors: {
  custom: {
    50: '#8bbf9a',
    500: '#58a372',
    950: '#000000',
  },
}

SCSS

$custom: #58a372;
$custom-light: #8bbf9a;
$custom-dark: #000000;

JSON

{
  "hex": "#58a372",
  "rgb": {
    "r": 88,
    "g": 163,
    "b": 114
  },
  "hsl": {
    "h": 140.8,
    "s": 29.88,
    "l": 49.216
  },
  "oklch": {
    "l": 0.65342,
    "c": 0.10545,
    "h": 153.8
  },
  "luminance": 0.29484
}

Semantic roles & 50–950 ramp

primary

#58A372

secondary

#BD9AB1

accent

#62A3C6

background

#F8FBF9

surface

#F0F7F2

border

#CBD0CC

text

#0C120E

muted

#7D817E

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

معاينة مع #58A372

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

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