#51616A#51616A

#51616A لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.113؛ OKLCH L 48.2% C 0.024 H 232.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.43:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#51616A
RGB	rgb(81, 97, 106)
HSL	hsl(202, 13%, 37%)
HSV	hsv(202, 24%, 42%)
CMYK	cmyk(23.6%, 8.5%, 0%, 58.4%)
CIE-LAB	lab(40.15, -3.87, -7.13)
CIE-LCH	lch(40.15, 8.11, 241.52°)
OKLab	oklab(48.25% -0.0148 -0.0194)
OKLCH	oklch(48.25% 0.024 232.6)
XYZ	xyz(10.2688, 11.3390, 15.2805)
Luminance	0.1134 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#51616A #6A5A51

analogous

#516A67 #51616A #51556A

triadic

#51616A #6A5161 #616A51

tetradic

#51616A #67516A #6A5A51 #556A51

square

#51616A #67516A #6A5A51 #556A51

split-complementary

#51616A #6A5155 #6A6751

monochromatic

#1C2225 #364147 #51616A #6C818D #8D9EA8

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

On white

6.43

#51616A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.27

#51616A on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #51616A

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

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

fg \ bg	##51616A	#FFFFFF	#000000	##FFFFFF
##51616A	1.00	6.43	3.27	6.43
#FFFFFF	6.43	1.00	21.00	1.00
#000000	3.27	21.00	1.00	21.00
##FFFFFF	6.43	1.00	21.00	1.00

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

Protanopia (red-blind)

#5D606A

Deuteranopia (green-blind)

#595D6A

Tritanopia (blue-blind)

#4A6364

Achromatopsia (no color)

#5F5F5F

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

CSS

--color: #51616a;
/* rgb */ color: rgb(81, 97, 106);
/* oklch */ color: oklch(48.2% 0.024 232.6);

Tailwind

colors: {
  custom: {
    50: '#828d94',
    500: '#51616a',
    950: '#000000',
  },
}

SCSS

$custom: #51616a;
$custom-light: #828d94;
$custom-dark: #000000;

JSON

{
  "hex": "#51616a",
  "rgb": {
    "r": 81,
    "g": 97,
    "b": 106
  },
  "hsl": {
    "h": 201.6,
    "s": 13.369,
    "l": 36.667
  },
  "oklch": {
    "l": 0.48248,
    "c": 0.02438,
    "h": 232.6
  },
  "luminance": 0.11339
}

Semantic roles & 50–950 ramp

primary

#51616A

secondary

#968881

accent

#8A72B6

background

#F7F8F9

surface

#EEF0F1

border

#C9CBCB

text

#0A0C0D

muted

#7C7D7E

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

معاينة مع #51616A

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

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