#768B48#768B48

#768B48 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.228؛ OKLCH L 60.4% C 0.096 H 123.5°. أفضل لون لنص المتن هو #000000 بتباين 5.56:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#768B48
RGB	rgb(118, 139, 72)
HSL	hsl(79, 32%, 41%)
HSV	hsv(79, 48%, 55%)
CMYK	cmyk(15.1%, 0%, 48.2%, 45.5%)
CIE-LAB	lab(54.85, -18.93, 33.18)
CIE-LCH	lch(54.85, 38.20, 119.70°)
OKLab	oklab(60.42% -0.0528 0.0797)
OKLCH	oklch(60.42% 0.096 123.5)
XYZ	xyz(17.8735, 22.7846, 9.5859)
Luminance	0.2278 (WCAG relative)
Temperature	warm
Family	yellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#768B48 #5D488B

analogous

#8B7F48 #768B48 #558B48

triadic

#768B48 #48768B #8B4876

tetradic

#768B48 #488B7F #5D488B #8B4855

square

#768B48 #488B7F #5D488B #8B4855

split-complementary

#768B48 #48558B #7F488B

monochromatic

#323A1E #546333 #768B48 #96AE62 #B1C38B

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

On white

3.78

#768B48 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.56

#768B48 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #768B48

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

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

fg \ bg	##768B48	#FFFFFF	#000000	##000000
##768B48	1.00	3.78	5.56	5.56
#FFFFFF	3.78	1.00	21.00	21.00
#000000	5.56	21.00	1.00	1.00
##000000	5.56	21.00	1.00	1.00

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

Protanopia (red-blind)

#928442

Deuteranopia (green-blind)

#8F834C

Tritanopia (blue-blind)

#7A857B

Achromatopsia (no color)

#838383

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

CSS

--color: #768b48;
/* rgb */ color: rgb(118, 139, 72);
/* oklch */ color: oklch(60.4% 0.096 123.5);

Tailwind

colors: {
  custom: {
    50: '#9fad7c',
    500: '#768b48',
    950: '#000000',
  },
}

SCSS

$custom: #768b48;
$custom-light: #9fad7c;
$custom-dark: #000000;

JSON

{
  "hex": "#768b48",
  "rgb": {
    "r": 118,
    "g": 139,
    "b": 72
  },
  "hsl": {
    "h": 78.806,
    "s": 31.754,
    "l": 41.373
  },
  "oklch": {
    "l": 0.60419,
    "c": 0.09561,
    "h": 123.5
  },
  "luminance": 0.22785
}

Semantic roles & 50–950 ramp

primary

#768B48

secondary

#8F80AE

accent

#60C880

background

#F9FAF7

surface

#F2F4EE

border

#CCCEC9

text

#0F1009

muted

#7E7F7B

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

معاينة مع #768B48

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

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