#57A356#57A356

#57A356 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.289؛ OKLCH L 64.8% C 0.134 H 143.6°. أفضل لون لنص المتن هو #000000 بتباين 6.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#57A356
RGB	rgb(87, 163, 86)
HSL	hsl(119, 31%, 49%)
HSV	hsv(119, 47%, 64%)
CMYK	cmyk(46.6%, 0%, 47.2%, 36.1%)
CIE-LAB	lab(60.69, -39.70, 32.75)
CIE-LCH	lch(60.69, 51.47, 140.48°)
OKLab	oklab(64.75% -0.1081 0.0797)
OKLCH	oklch(64.75% 0.134 143.6)
XYZ	xyz(18.7065, 28.8912, 13.3931)
Luminance	0.2889 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#57A356 #A256A3

analogous

#7EA356 #57A356 #56A37C

triadic

#57A356 #5657A3 #A35657

tetradic

#57A356 #567EA3 #A256A3 #A37C56

square

#57A356 #567EA3 #A256A3 #A37C56

split-complementary

#57A356 #7C56A3 #A3567E

monochromatic

#2C532C #427B41 #57A356 #7DBA7C #A5CFA4

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

On white

3.10

#57A356 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.78

#57A356 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #57A356

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

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

fg \ bg	##57A356	#FFFFFF	#000000	##000000
##57A356	1.00	3.10	6.78	6.78
#FFFFFF	3.10	1.00	21.00	21.00
#000000	6.78	21.00	1.00	1.00
##000000	6.78	21.00	1.00	1.00

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

Protanopia (red-blind)

#A69750

Deuteranopia (green-blind)

#9B905B

Tritanopia (blue-blind)

#4D9F91

Achromatopsia (no color)

#929292

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

CSS

--color: #57a356;
/* rgb */ color: rgb(87, 163, 86);
/* oklch */ color: oklch(64.8% 0.134 143.6);

Tailwind

colors: {
  custom: {
    50: '#8bbf87',
    500: '#57a356',
    950: '#000000',
  },
}

SCSS

$custom: #57a356;
$custom-light: #8bbf87;
$custom-dark: #000000;

JSON

{
  "hex": "#57a356",
  "rgb": {
    "r": 87,
    "g": 163,
    "b": 86
  },
  "hsl": {
    "h": 119.221,
    "s": 30.924,
    "l": 48.824
  },
  "oklch": {
    "l": 0.64751,
    "c": 0.13429,
    "h": 143.6
  },
  "luminance": 0.28893
}

Semantic roles & 50–950 ramp

primary

#57A356

secondary

#BC98BD

accent

#61C7C6

background

#F8FBF8

surface

#F0F7EF

border

#CBD0CA

text

#0C120B

muted

#7D817C

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

معاينة مع #57A356

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

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