#44686A#44686A

#44686A لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.122؛ OKLCH L 49.1% C 0.041 H 200.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.12:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#44686A
RGB	rgb(68, 104, 106)
HSL	hsl(183, 22%, 34%)
HSV	hsv(183, 36%, 42%)
CMYK	cmyk(35.8%, 1.9%, 0%, 58.4%)
CIE-LAB	lab(41.48, -12.25, -5.22)
CIE-LCH	lch(41.48, 13.32, 203.10°)
OKLab	oklab(49.09% -0.0387 -0.0143)
OKLCH	oklch(49.09% 0.041 200.3)
XYZ	xyz(9.9348, 12.1696, 15.4583)
Luminance	0.1217 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#44686A #6A4644

analogous

#446A59 #44686A #44556A

triadic

#44686A #6A4468 #686A44

tetradic

#44686A #59446A #6A4644 #556A44

square

#44686A #59446A #6A4644 #556A44

split-complementary

#44686A #6A4455 #6A5944

monochromatic

#141F1F #2C4345 #44686A #5C8D8F #7DA9AC

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

On white

6.12

#44686A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.43

#44686A on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #44686A

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

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

fg \ bg	##44686A	#FFFFFF	#000000	##FFFFFF
##44686A	1.00	6.12	3.43	6.12
#FFFFFF	6.12	1.00	21.00	1.00
#000000	3.43	21.00	1.00	21.00
##FFFFFF	6.12	1.00	21.00	1.00

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

Protanopia (red-blind)

#63656A

Deuteranopia (green-blind)

#5C606A

Tritanopia (blue-blind)

#356B68

Achromatopsia (no color)

#626262

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

CSS

--color: #44686a;
/* rgb */ color: rgb(68, 104, 106);
/* oklch */ color: oklch(49.1% 0.041 200.3);

Tailwind

colors: {
  custom: {
    50: '#7a9394',
    500: '#44686a',
    950: '#000000',
  },
}

SCSS

$custom: #44686a;
$custom-light: #7a9394;
$custom-dark: #000000;

JSON

{
  "hex": "#44686a",
  "rgb": {
    "r": 68,
    "g": 104,
    "b": 106
  },
  "hsl": {
    "h": 183.158,
    "s": 21.839,
    "l": 34.118
  },
  "oklch": {
    "l": 0.49092,
    "c": 0.04124,
    "h": 200.3
  },
  "luminance": 0.1217
}

Semantic roles & 50–950 ramp

primary

#44686A

secondary

#987472

accent

#6E69BE

background

#F7F9F9

surface

#EDF1F1

border

#C8CBCB

text

#090D0D

muted

#7B7E7E

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

معاينة مع #44686A

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

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