#63A86D#63A86D

#63A86D لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.318؛ OKLCH L 67.0% C 0.112 H 147.6°. أفضل لون لنص المتن هو #000000 بتباين 7.35:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#63A86D
RGB	rgb(99, 168, 109)
HSL	hsl(129, 28%, 52%)
HSV	hsv(129, 41%, 66%)
CMYK	cmyk(41.1%, 0%, 35.1%, 34.1%)
CIE-LAB	lab(63.14, -34.58, 23.84)
CIE-LCH	lch(63.14, 42.00, 145.42°)
OKLab	oklab(67.02% -0.0942 0.0597)
OKLCH	oklch(67.02% 0.112 147.6)
XYZ	xyz(21.9074, 31.7607, 19.4411)
Luminance	0.3176 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#63A86D #A8639E

analogous

#7BA863 #63A86D #63A890

triadic

#63A86D #6D63A8 #A86D63

tetradic

#63A86D #637BA8 #A8639E #A89063

square

#63A86D #637BA8 #A8639E #A89063

split-complementary

#63A86D #9063A8 #A8637B

monochromatic

#345D3A #4A8452 #63A86D #8ABE92 #B2D4B7

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

On white

2.86

#63A86D on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.35

#63A86D on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #63A86D

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

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

fg \ bg	##63A86D	#FFFFFF	#000000	##000000
##63A86D	1.00	2.86	7.35	7.35
#FFFFFF	2.86	1.00	21.00	21.00
#000000	7.35	21.00	1.00	1.00
##000000	7.35	21.00	1.00	1.00

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

Protanopia (red-blind)

#AA9D69

Deuteranopia (green-blind)

#9F9670

Tritanopia (blue-blind)

#59A599

Achromatopsia (no color)

#999999

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

CSS

--color: #63a86d;
/* rgb */ color: rgb(99, 168, 109);
/* oklch */ color: oklch(67.0% 0.112 147.6);

Tailwind

colors: {
  custom: {
    50: '#93c297',
    500: '#63a86d',
    950: '#000000',
  },
}

SCSS

$custom: #63a86d;
$custom-light: #93c297;
$custom-dark: #000000;

JSON

{
  "hex": "#63a86d",
  "rgb": {
    "r": 99,
    "g": 168,
    "b": 109
  },
  "hsl": {
    "h": 128.696,
    "s": 28.395,
    "l": 52.353
  },
  "oklch": {
    "l": 0.67023,
    "c": 0.11152,
    "h": 147.6
  },
  "luminance": 0.31762
}

Semantic roles & 50–950 ramp

primary

#63A86D

secondary

#C2A4BE

accent

#63B7C5

background

#F9FCF9

surface

#F1F8F2

border

#CBD1CC

text

#0D120D

muted

#7E817E

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

معاينة مع #63A86D

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

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