#677773#677773

#677773 لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.173؛ OKLCH L 55.5% C 0.020 H 178.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#677773
RGB	rgb(103, 119, 115)
HSL	hsl(165, 7%, 44%)
HSV	hsv(165, 13%, 47%)
CMYK	cmyk(13.4%, 0%, 3.4%, 53.3%)
CIE-LAB	lab(48.65, -6.79, 0.20)
CIE-LCH	lch(48.65, 6.79, 178.34°)
OKLab	oklab(55.48% -0.02 0.0004)
OKLCH	oklch(55.48% 0.02 178.8)
XYZ	xyz(15.2841, 17.3147, 18.7531)
Luminance	0.1731 (WCAG relative)
Temperature	neutral
Family	grey

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#677773 #77676B

analogous

#67776B #677773 #677377

triadic

#677773 #736777 #777367

tetradic

#677773 #6B6777 #77676B #737767

square

#677773 #6B6777 #77676B #737767

split-complementary

#677773 #776773 #776B67

monochromatic

#2E3534 #4B5653 #677773 #859692 #A6B2AF

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

On white

4.71

#677773 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.46

#677773 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #677773

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

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

fg \ bg	##677773	#FFFFFF	#000000	##FFFFFF
##677773	1.00	4.71	4.46	4.71
#FFFFFF	4.71	1.00	21.00	1.00
#000000	4.46	21.00	1.00	21.00
##FFFFFF	4.71	1.00	21.00	1.00

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

Protanopia (red-blind)

#767573

Deuteranopia (green-blind)

#727373

Tritanopia (blue-blind)

#637876

Achromatopsia (no color)

#747474

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

CSS

--color: #677773;
/* rgb */ color: rgb(103, 119, 115);
/* oklch */ color: oklch(55.5% 0.020 178.8);

Tailwind

colors: {
  custom: {
    50: '#929e9b',
    500: '#677773',
    950: '#000000',
  },
}

SCSS

$custom: #677773;
$custom-light: #929e9b;
$custom-dark: #000000;

JSON

{
  "hex": "#677773",
  "rgb": {
    "r": 103,
    "g": 119,
    "b": 115
  },
  "hsl": {
    "h": 165,
    "s": 7.207,
    "l": 43.529
  },
  "oklch": {
    "l": 0.55483,
    "c": 0.01997,
    "h": 178.8
  },
  "luminance": 0.17315
}

Semantic roles & 50–950 ramp

primary

#677773

secondary

#A2989A

accent

#7886B0

background

#F9F9F9

surface

#F1F2F2

border

#CBCCCC

text

#0D0E0E

muted

#7E7E7E

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

معاينة مع #677773

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

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