#57693A#57693A

#57693A لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.124؛ OKLCH L 49.4% C 0.073 H 126.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#57693A
RGB	rgb(87, 105, 58)
HSL	hsl(83, 29%, 32%)
HSV	hsv(83, 45%, 41%)
CMYK	cmyk(17.1%, 0%, 44.8%, 58.8%)
CIE-LAB	lab(41.90, -15.54, 24.19)
CIE-LCH	lch(41.90, 28.75, 122.72°)
OKLab	oklab(49.37% -0.0429 0.0589)
OKLCH	oklch(49.37% 0.073 126.1)
XYZ	xyz(9.7457, 12.4348, 5.8889)
Luminance	0.1244 (WCAG relative)
Temperature	warm
Family	yellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#57693A #4C3A69

analogous

#69643A #57693A #40693A

triadic

#57693A #3A5769 #693A57

tetradic

#57693A #3A6964 #4C3A69 #693A40

square

#57693A #3A6964 #4C3A69 #693A40

split-complementary

#57693A #3A4069 #643A69

monochromatic

#161A0E #364224 #57693A #789050 #96AF6E

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

On white

6.02

#57693A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.49

#57693A on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #57693A

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

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

fg \ bg	##57693A	#FFFFFF	#000000	##FFFFFF
##57693A	1.00	6.02	3.49	6.02
#FFFFFF	6.02	1.00	21.00	1.00
#000000	3.49	21.00	1.00	21.00
##FFFFFF	6.02	1.00	21.00	1.00

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

Protanopia (red-blind)

#6E6436

Deuteranopia (green-blind)

#6B633D

Tritanopia (blue-blind)

#5A655E

Achromatopsia (no color)

#636363

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

CSS

--color: #57693a;
/* rgb */ color: rgb(87, 105, 58);
/* oklch */ color: oklch(49.4% 0.073 126.1);

Tailwind

colors: {
  custom: {
    50: '#879471',
    500: '#57693a',
    950: '#000000',
  },
}

SCSS

$custom: #57693a;
$custom-light: #879471;
$custom-dark: #000000;

JSON

{
  "hex": "#57693a",
  "rgb": {
    "r": 87,
    "g": 105,
    "b": 58
  },
  "hsl": {
    "h": 82.979,
    "s": 28.834,
    "l": 31.961
  },
  "oklch": {
    "l": 0.4937,
    "c": 0.07286,
    "h": 126.1
  },
  "luminance": 0.12435
}

Semantic roles & 50–950 ramp

primary

#57693A

secondary

#796699

accent

#63C588

background

#F8F9F6

surface

#EFF1EC

border

#CACBC7

text

#0B0D07

muted

#7C7E7A

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

معاينة مع #57693A

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

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