#77503A#77503A

#77503A لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.100؛ OKLCH L 46.9% C 0.063 H 50.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#77503A
RGB	rgb(119, 80, 58)
HSL	hsl(22, 34%, 35%)
HSV	hsv(22, 51%, 47%)
CMYK	cmyk(0%, 32.8%, 51.3%, 53.3%)
CIE-LAB	lab(37.78, 13.61, 19.55)
CIE-LCH	lch(37.78, 23.82, 55.14°)
OKLab	oklab(46.87% 0.0401 0.048)
OKLCH	oklch(46.87% 0.063 50.1)
XYZ	xyz(11.2407, 9.9656, 5.3337)
Luminance	0.0997 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#77503A #3A6177

analogous

#773A43 #77503A #776E3A

triadic

#77503A #3A7750 #503A77

tetradic

#77503A #43773A #3A6177 #6E3A77

square

#77503A #43773A #3A6177 #6E3A77

split-complementary

#77503A #3A776E #3A4377

monochromatic

#251912 #4E3426 #77503A #A06C4E #BA8C71

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

On white

7.02

#77503A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.99

#77503A on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #77503A

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

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

fg \ bg	##77503A	#FFFFFF	#000000	##FFFFFF
##77503A	1.00	7.02	2.99	7.02
#FFFFFF	7.02	1.00	21.00	1.00
#000000	2.99	21.00	1.00	21.00
##FFFFFF	7.02	1.00	21.00	1.00

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

Protanopia (red-blind)

#5B5438

Deuteranopia (green-blind)

#645C3A

Tritanopia (blue-blind)

#81494A

Achromatopsia (no color)

#595959

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

CSS

--color: #77503a;
/* rgb */ color: rgb(119, 80, 58);
/* oklch */ color: oklch(46.9% 0.063 50.1);

Tailwind

colors: {
  custom: {
    50: '#a08170',
    500: '#77503a',
    950: '#000000',
  },
}

SCSS

$custom: #77503a;
$custom-light: #a08170;
$custom-dark: #000000;

JSON

{
  "hex": "#77503a",
  "rgb": {
    "r": 119,
    "g": 80,
    "b": 58
  },
  "hsl": {
    "h": 21.639,
    "s": 34.463,
    "l": 34.706
  },
  "oklch": {
    "l": 0.46871,
    "c": 0.0625,
    "h": 50.1
  },
  "luminance": 0.09965
}

Semantic roles & 50–950 ramp

primary

#77503A

secondary

#698FA3

accent

#A3CB5D

background

#FAF7F6

surface

#F4EEEC

border

#CEC9C7

text

#0F0A07

muted

#7F7C7A

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

معاينة مع #77503A

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

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