#504B5C#504B5C

#504B5C لون داكن وخافت من عائلة بنفسجي. الإضاءة النسبية 0.075؛ OKLCH L 42.4% C 0.028 H 298.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.39:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#504B5C
RGB	rgb(80, 75, 92)
HSL	hsl(258, 10%, 33%)
HSV	hsv(258, 18%, 36%)
CMYK	cmyk(13%, 18.5%, 0%, 63.9%)
CIE-LAB	lab(32.94, 5.91, -9.23)
CIE-LCH	lch(32.94, 10.96, 302.66°)
OKLab	oklab(42.41% 0.0137 -0.025)
OKLCH	oklch(42.41% 0.028 298.6)
XYZ	xyz(7.7557, 7.5103, 11.1642)
Luminance	0.0751 (WCAG relative)
Temperature	neutral
Family	violet

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#504B5C #575C4B

analogous

#4B4E5C #504B5C #584B5C

triadic

#504B5C #5C504B #4B5C50

tetradic

#504B5C #5C4B4E #575C4B #4B5C58

square

#504B5C #5C4B4E #575C4B #4B5C58

split-complementary

#504B5C #5C584B #4E5C4B

monochromatic

#151419 #33303A #504B5C #6D667E #8C859C

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

On white

8.39

#504B5C on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.50

#504B5C on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #504B5C

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

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

fg \ bg	##504B5C	#FFFFFF	#000000	##FFFFFF
##504B5C	1.00	8.39	2.50	8.39
#FFFFFF	8.39	1.00	21.00	1.00
#000000	2.50	21.00	1.00	21.00
##FFFFFF	8.39	1.00	21.00	1.00

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

Protanopia (red-blind)

#484D5D

Deuteranopia (green-blind)

#484D5B

Tritanopia (blue-blind)

#4E4D51

Achromatopsia (no color)

#4D4D4D

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

CSS

--color: #504b5c;
/* rgb */ color: rgb(80, 75, 92);
/* oklch */ color: oklch(42.4% 0.028 298.6);

Tailwind

colors: {
  custom: {
    50: '#817d8a',
    500: '#504b5c',
    950: '#000000',
  },
}

SCSS

$custom: #504b5c;
$custom-light: #817d8a;
$custom-dark: #000000;

JSON

{
  "hex": "#504b5c",
  "rgb": {
    "r": 80,
    "g": 75,
    "b": 92
  },
  "hsl": {
    "h": 257.647,
    "s": 10.18,
    "l": 32.745
  },
  "oklch": {
    "l": 0.42414,
    "c": 0.02848,
    "h": 298.6
  },
  "luminance": 0.0751
}

Semantic roles & 50–950 ramp

primary

#504B5C

secondary

#858A78

accent

#B375A1

background

#F7F7F8

surface

#EEEEF0

border

#C9C9CB

text

#0A090B

muted

#7C7B7C

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

معاينة مع #504B5C

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

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