#486C3A#486C3A

#486C3A لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.124؛ OKLCH L 49.1% C 0.086 H 137.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.03:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#486C3A
RGB	rgb(72, 108, 58)
HSL	hsl(103, 30%, 33%)
HSV	hsv(103, 46%, 42%)
CMYK	cmyk(33.3%, 0%, 46.3%, 57.6%)
CIE-LAB	lab(41.86, -23.20, 23.93)
CIE-LCH	lch(41.86, 33.33, 134.12°)
OKLab	oklab(49.07% -0.0636 0.0584)
OKLCH	oklch(49.07% 0.086 137.4)
XYZ	xyz(8.7985, 12.4080, 5.9336)
Luminance	0.1241 (WCAG relative)
Temperature	warm
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#486C3A #5E3A6C

analogous

#616C3A #486C3A #3A6C45

triadic

#486C3A #3A486C #6C3A48

tetradic

#486C3A #3A616C #5E3A6C #6C453A

square

#486C3A #3A616C #5E3A6C #6C453A

split-complementary

#486C3A #453A6C #6C3A61

monochromatic

#131C0F #2D4425 #486C3A #63944F #82B26F

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

On white

6.03

#486C3A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.48

#486C3A on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #486C3A

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

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

fg \ bg	##486C3A	#FFFFFF	#000000	##FFFFFF
##486C3A	1.00	6.03	3.48	6.03
#FFFFFF	6.03	1.00	21.00	1.00
#000000	3.48	21.00	1.00	21.00
##FFFFFF	6.03	1.00	21.00	1.00

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

Protanopia (red-blind)

#6F6536

Deuteranopia (green-blind)

#6A623D

Tritanopia (blue-blind)

#476960

Achromatopsia (no color)

#636363

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

CSS

--color: #486c3a;
/* rgb */ color: rgb(72, 108, 58);
/* oklch */ color: oklch(49.1% 0.086 137.4);

Tailwind

colors: {
  custom: {
    50: '#7d9671',
    500: '#486c3a',
    950: '#000000',
  },
}

SCSS

$custom: #486c3a;
$custom-light: #7d9671;
$custom-dark: #000000;

JSON

{
  "hex": "#486c3a",
  "rgb": {
    "r": 72,
    "g": 108,
    "b": 58
  },
  "hsl": {
    "h": 103.2,
    "s": 30.12,
    "l": 32.549
  },
  "oklch": {
    "l": 0.49074,
    "c": 0.08633,
    "h": 137.4
  },
  "luminance": 0.12408
}

Semantic roles & 50–950 ramp

primary

#486C3A

secondary

#8D669B

accent

#61C6AA

background

#F7F9F6

surface

#EEF2EC

border

#C9CCC7

text

#0A0D07

muted

#7C7E7A

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

معاينة مع #486C3A

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

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