#A3C8A0#A3C8A0

#A3C8A0 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.516؛ OKLCH L 79.5% C 0.068 H 142.9°. أفضل لون لنص المتن هو #000000 بتباين 11.33:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#A3C8A0
RGB	rgb(163, 200, 160)
HSL	hsl(116, 27%, 71%)
HSV	hsv(116, 20%, 78%)
CMYK	cmyk(18.5%, 0%, 20%, 21.6%)
CIE-LAB	lab(77.06, -19.98, 16.03)
CIE-LCH	lch(77.06, 25.61, 141.26°)
OKLab	oklab(79.51% -0.0545 0.0411)
OKLCH	oklch(79.51% 0.068 142.9)
XYZ	xyz(42.1022, 51.6322, 40.9987)
Luminance	0.5163 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#A3C8A0 #C5A0C8

analogous

#B7C8A0 #A3C8A0 #A0C8B1

triadic

#A3C8A0 #A0A3C8 #C8A0A3

tetradic

#A3C8A0 #A0B7C8 #C5A0C8 #C8B1A0

square

#A3C8A0 #A0B7C8 #C5A0C8 #C8B1A0

split-complementary

#A3C8A0 #B1A0C8 #C8A0B7

monochromatic

#5C9657 #7DB279 #A3C8A0 #C9DEC7 #ECF4EC

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

On white

1.85

#A3C8A0 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.33

#A3C8A0 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #A3C8A0

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

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

fg \ bg	##A3C8A0	#FFFFFF	#000000	##000000
##A3C8A0	1.00	1.85	11.33	11.33
#FFFFFF	1.85	1.00	21.00	21.00
#000000	11.33	21.00	1.00	1.00
##000000	11.33	21.00	1.00	1.00

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

Protanopia (red-blind)

#CAC19E

Deuteranopia (green-blind)

#C4BDA2

Tritanopia (blue-blind)

#A0C5BD

Achromatopsia (no color)

#BEBEBE

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

CSS

--color: #a3c8a0;
/* rgb */ color: rgb(163, 200, 160);
/* oklch */ color: oklch(79.5% 0.068 142.9);

Tailwind

colors: {
  custom: {
    50: '#bed8bc',
    500: '#a3c8a0',
    950: '#000000',
  },
}

SCSS

$custom: #a3c8a0;
$custom-light: #bed8bc;
$custom-dark: #000000;

JSON

{
  "hex": "#a3c8a0",
  "rgb": {
    "r": 163,
    "g": 200,
    "b": 160
  },
  "hsl": {
    "h": 115.5,
    "s": 26.667,
    "l": 70.588
  },
  "oklch": {
    "l": 0.79506,
    "c": 0.06828,
    "h": 142.9
  },
  "luminance": 0.51633
}

Semantic roles & 50–950 ramp

primary

#A3C8A0

secondary

#99709D

accent

#40A59E

background

#FDFEFD

surface

#F8FBF8

border

#D1D4D1

text

#121412

muted

#828382

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

معاينة مع #A3C8A0

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

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