#87776F#87776F

#87776F لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.195؛ OKLCH L 58.2% C 0.023 H 48.3°. أفضل لون لنص المتن هو #000000 بتباين 4.90:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#87776F
RGB	rgb(135, 119, 111)
HSL	hsl(20, 10%, 48%)
HSV	hsv(20, 18%, 53%)
CMYK	cmyk(0%, 11.9%, 17.8%, 47.1%)
CIE-LAB	lab(51.26, 4.77, 6.66)
CIE-LCH	lch(51.26, 8.19, 54.37°)
OKLab	oklab(58.16% 0.0155 0.0174)
OKLCH	oklch(58.16% 0.023 48.3)
XYZ	xyz(19.4577, 19.4927, 17.7733)
Luminance	0.1949 (WCAG relative)
Temperature	neutral
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#87776F #6F7F87

analogous

#876F73 #87776F #87836F

triadic

#87776F #6F8777 #776F87

tetradic

#87776F #73876F #6F7F87 #836F87

square

#87776F #73876F #6F7F87 #836F87

split-complementary

#87776F #6F8783 #6F7387

monochromatic

#443C38 #655953 #87776F #A39690 #BFB6B1

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

On white

4.29

#87776F on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.90

#87776F on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #87776F

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

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

fg \ bg	##87776F	#FFFFFF	#000000	##000000
##87776F	1.00	4.29	4.90	4.90
#FFFFFF	4.29	1.00	21.00	21.00
#000000	4.90	21.00	1.00	1.00
##000000	4.90	21.00	1.00	1.00

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

Protanopia (red-blind)

#7B786E

Deuteranopia (green-blind)

#7F7B6F

Tritanopia (blue-blind)

#8C7475

Achromatopsia (no color)

#7A7A7A

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

CSS

--color: #87776f;
/* rgb */ color: rgb(135, 119, 111);
/* oklch */ color: oklch(58.2% 0.023 48.3);

Tailwind

colors: {
  custom: {
    50: '#aa9e98',
    500: '#87776f',
    950: '#000000',
  },
}

SCSS

$custom: #87776f;
$custom-light: #aa9e98;
$custom-dark: #000000;

JSON

{
  "hex": "#87776f",
  "rgb": {
    "r": 135,
    "g": 119,
    "b": 111
  },
  "hsl": {
    "h": 20,
    "s": 9.756,
    "l": 48.235
  },
  "oklch": {
    "l": 0.58163,
    "c": 0.02333,
    "h": 48.3
  },
  "luminance": 0.19492
}

Semantic roles & 50–950 ramp

primary

#87776F

secondary

#A3ABAF

accent

#9EB375

background

#FAF9F9

surface

#F4F2F2

border

#CECCCC

text

#100E0D

muted

#7F7E7E

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

معاينة مع #87776F

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

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