#5AA456#5AA456

#5AA456 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.294؛ OKLCH L 65.1% C 0.134 H 142.8°. أفضل لون لنص المتن هو #000000 بتباين 6.88:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5AA456
RGB	rgb(90, 164, 86)
HSL	hsl(117, 31%, 49%)
HSV	hsv(117, 48%, 64%)
CMYK	cmyk(45.1%, 0%, 47.6%, 35.7%)
CIE-LAB	lab(61.13, -39.23, 33.34)
CIE-LCH	lch(61.13, 51.48, 139.64°)
OKLab	oklab(65.15% -0.1069 0.081)
OKLCH	oklch(65.15% 0.134 142.8)
XYZ	xyz(19.1707, 29.3952, 13.4660)
Luminance	0.2940 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5AA456 #A056A4

analogous

#81A456 #5AA456 #56A479

triadic

#5AA456 #565AA4 #A4565A

tetradic

#5AA456 #5681A4 #A056A4 #A47956

square

#5AA456 #5681A4 #A056A4 #A47956

split-complementary

#5AA456 #7956A4 #A45681

monochromatic

#2E542C #447C41 #5AA456 #80BB7D #A7D0A5

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

On white

3.05

#5AA456 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.88

#5AA456 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #5AA456

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

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

fg \ bg	##5AA456	#FFFFFF	#000000	##000000
##5AA456	1.00	3.05	6.88	6.88
#FFFFFF	3.05	1.00	21.00	21.00
#000000	6.88	21.00	1.00	1.00
##000000	6.88	21.00	1.00	1.00

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

Protanopia (red-blind)

#A79850

Deuteranopia (green-blind)

#9D915B

Tritanopia (blue-blind)

#51A092

Achromatopsia (no color)

#949494

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

CSS

--color: #5aa456;
/* rgb */ color: rgb(90, 164, 86);
/* oklch */ color: oklch(65.1% 0.134 142.8);

Tailwind

colors: {
  custom: {
    50: '#8dbf87',
    500: '#5aa456',
    950: '#000000',
  },
}

SCSS

$custom: #5aa456;
$custom-light: #8dbf87;
$custom-dark: #000000;

JSON

{
  "hex": "#5aa456",
  "rgb": {
    "r": 90,
    "g": 164,
    "b": 86
  },
  "hsl": {
    "h": 116.923,
    "s": 31.2,
    "l": 49.02
  },
  "oklch": {
    "l": 0.65149,
    "c": 0.13412,
    "h": 142.8
  },
  "luminance": 0.29396
}

Semantic roles & 50–950 ramp

primary

#5AA456

secondary

#BB99BD

accent

#60C7C2

background

#F8FBF8

surface

#F0F7EF

border

#CBD0CA

text

#0D120B

muted

#7D817C

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

معاينة مع #5AA456

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

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