#5BA45C#5BA45C

#5BA45C لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.295؛ OKLCH L 65.3% C 0.128 H 144.2°. أفضل لون لنص المتن هو #000000 بتباين 6.91:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5BA45C
RGB	rgb(91, 164, 92)
HSL	hsl(121, 29%, 50%)
HSV	hsv(121, 45%, 64%)
CMYK	cmyk(44.5%, 0%, 43.9%, 35.7%)
CIE-LAB	lab(61.26, -38.02, 30.38)
CIE-LCH	lch(61.26, 48.67, 141.37°)
OKLab	oklab(65.3% -0.1035 0.0746)
OKLCH	oklch(65.3% 0.128 144.2)
XYZ	xyz(19.5206, 29.5465, 14.7976)
Luminance	0.2955 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5BA45C #A45BA3

analogous

#7EA45B #5BA45C #5BA481

triadic

#5BA45C #5C5BA4 #A45C5B

tetradic

#5BA45C #5B7EA4 #A45BA3 #A4815B

square

#5BA45C #5B7EA4 #A45BA3 #A4815B

split-complementary

#5BA45C #815BA4 #A45B7E

monochromatic

#2F5530 #457D46 #5BA45C #82BA83 #AAD0AA

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

On white

3.04

#5BA45C on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.91

#5BA45C on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #5BA45C

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

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

fg \ bg	##5BA45C	#FFFFFF	#000000	##000000
##5BA45C	1.00	3.04	6.91	6.91
#FFFFFF	3.04	1.00	21.00	21.00
#000000	6.91	21.00	1.00	1.00
##000000	6.91	21.00	1.00	1.00

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

Protanopia (red-blind)

#A79857

Deuteranopia (green-blind)

#9C9161

Tritanopia (blue-blind)

#52A093

Achromatopsia (no color)

#949494

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

CSS

--color: #5ba45c;
/* rgb */ color: rgb(91, 164, 92);
/* oklch */ color: oklch(65.3% 0.128 144.2);

Tailwind

colors: {
  custom: {
    50: '#8ebf8b',
    500: '#5ba45c',
    950: '#000000',
  },
}

SCSS

$custom: #5ba45c;
$custom-light: #8ebf8b;
$custom-dark: #000000;

JSON

{
  "hex": "#5ba45c",
  "rgb": {
    "r": 91,
    "g": 164,
    "b": 92
  },
  "hsl": {
    "h": 120.822,
    "s": 28.627,
    "l": 50
  },
  "oklch": {
    "l": 0.65297,
    "c": 0.12754,
    "h": 144.2
  },
  "luminance": 0.29548
}

Semantic roles & 50–950 ramp

primary

#5BA45C

secondary

#BE9DBD

accent

#63C4C5

background

#F8FBF8

surface

#F0F7F0

border

#CBD0CB

text

#0D120C

muted

#7D817D

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

معاينة مع #5BA45C

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

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