#18A021#18A021

#18A021 لون متوسط وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.254؛ OKLCH L 61.5% C 0.195 H 143.3°. أفضل لون لنص المتن هو #000000 بتباين 6.09:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#18A021
RGB	rgb(24, 160, 33)
HSL	hsl(124, 74%, 36%)
HSV	hsv(124, 85%, 63%)
CMYK	cmyk(85%, 0%, 79.4%, 37.3%)
CIE-LAB	lab(57.51, -57.77, 52.12)
CIE-LCH	lch(57.51, 77.81, 137.94°)
OKLab	oklab(61.48% -0.1564 0.1166)
OKLCH	oklch(61.48% 0.195 143.3)
XYZ	xyz(13.2211, 25.4440, 5.6529)
Luminance	0.2545 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#18A021 #A01897

analogous

#53A018 #18A021 #18A065

triadic

#18A021 #2118A0 #A02118

tetradic

#18A021 #1853A0 #A01897 #A06518

square

#18A021 #1853A0 #A01897 #A06518

split-complementary

#18A021 #6518A0 #A01853

monochromatic

#08360B #106B16 #18A021 #20D52C #4EE458

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

On white

3.45

#18A021 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.09

#18A021 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #18A021

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

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

fg \ bg	##18A021	#FFFFFF	#000000	##000000
##18A021	1.00	3.45	6.09	6.09
#FFFFFF	3.45	1.00	21.00	21.00
#000000	6.09	21.00	1.00	1.00
##000000	6.09	21.00	1.00	1.00

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

Protanopia (red-blind)

#A39000

Deuteranopia (green-blind)

#958630

Tritanopia (blue-blind)

#009B88

Achromatopsia (no color)

#8A8A8A

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

CSS

--color: #18a021;
/* rgb */ color: rgb(24, 160, 33);
/* oklch */ color: oklch(61.5% 0.195 143.3);

Tailwind

colors: {
  custom: {
    50: '#72bd67',
    500: '#18a021',
    950: '#000000',
  },
}

SCSS

$custom: #18a021;
$custom-light: #72bd67;
$custom-dark: #000000;

JSON

{
  "hex": "#18a021",
  "rgb": {
    "r": 24,
    "g": 160,
    "b": 33
  },
  "hsl": {
    "h": 123.971,
    "s": 73.913,
    "l": 36.078
  },
  "oklch": {
    "l": 0.61483,
    "c": 0.19508,
    "h": 143.3
  },
  "luminance": 0.25446
}

Semantic roles & 50–950 ramp

primary

#18A021

secondary

#C64DBE

accent

#37E4F1

background

#F7FBF6

surface

#EEF7EB

border

#C9D0C6

text

#0A1206

muted

#7C817A

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

معاينة مع #18A021

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

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