#696735#696735

#696735 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.130؛ OKLCH L 50.4% C 0.071 H 106.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.85:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#696735
RGB	rgb(105, 103, 53)
HSL	hsl(58, 33%, 31%)
HSV	hsv(58, 50%, 41%)
CMYK	cmyk(0%, 1.9%, 49.5%, 58.8%)
CIE-LAB	lab(42.70, -7.04, 28.31)
CIE-LCH	lch(42.70, 29.18, 103.97°)
OKLab	oklab(50.36% -0.0202 0.0676)
OKLCH	oklch(50.36% 0.071 106.6)
XYZ	xyz(11.3188, 12.9611, 5.2730)
Luminance	0.1296 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#696735 #353769

analogous

#694D35 #696735 #516935

triadic

#696735 #356967 #673569

tetradic

#696735 #35694D #353769 #693551

square

#696735 #35694D #353769 #693551

split-complementary

#696735 #355169 #4D3569

monochromatic

#18170C #403F20 #696735 #928F4A #B2AF66

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

On white

5.85

#696735 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.59

#696735 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #696735

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

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

fg \ bg	##696735	#FFFFFF	#000000	##FFFFFF
##696735	1.00	5.85	3.59	5.85
#FFFFFF	5.85	1.00	21.00	1.00
#000000	3.59	21.00	1.00	21.00
##FFFFFF	5.85	1.00	21.00	1.00

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

Protanopia (red-blind)

#6E6431

Deuteranopia (green-blind)

#706637

Tritanopia (blue-blind)

#70615B

Achromatopsia (no color)

#656565

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

CSS

--color: #696735;
/* rgb */ color: rgb(105, 103, 53);
/* oklch */ color: oklch(50.4% 0.071 106.6);

Tailwind

colors: {
  custom: {
    50: '#95926d',
    500: '#696735',
    950: '#000000',
  },
}

SCSS

$custom: #696735;
$custom-light: #95926d;
$custom-dark: #000000;

JSON

{
  "hex": "#696735",
  "rgb": {
    "r": 105,
    "g": 103,
    "b": 53
  },
  "hsl": {
    "h": 57.692,
    "s": 32.911,
    "l": 30.98
  },
  "oklch": {
    "l": 0.50362,
    "c": 0.07053,
    "h": 106.6
  },
  "luminance": 0.12961
}

Semantic roles & 50–950 ramp

primary

#696735

secondary

#60629A

accent

#63C95F

background

#F9F8F6

surface

#F2F0EC

border

#CCCBC7

text

#0D0D07

muted

#7E7D7A

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

معاينة مع #696735

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

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