#5A2176#5A2176

#5A2176 لون داكن وزاهٍ من عائلة purple. الإضاءة النسبية 0.046؛ OKLCH L 37.5% C 0.143 H 312.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.97:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5A2176
RGB	rgb(90, 33, 118)
HSL	hsl(280, 56%, 30%)
HSV	hsv(280, 72%, 46%)
CMYK	cmyk(23.7%, 72%, 0%, 53.7%)
CIE-LAB	lab(25.47, 40.64, -37.43)
CIE-LCH	lch(25.47, 55.25, 317.35°)
OKLab	oklab(37.54% 0.0961 -0.1056)
OKLCH	oklch(37.54% 0.143 312.3)
XYZ	xyz(8.0297, 4.5696, 17.5951)
Luminance	0.0457 (WCAG relative)
Temperature	cool
Family	purple

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

Royal Purple (survey)

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

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

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

التدريجات

OKLCH scale

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

complementary

#5A2176 #3D7621

analogous

#302176 #5A2176 #762168

triadic

#5A2176 #765A21 #21765A

tetradic

#5A2176 #763021 #3D7621 #216876

square

#5A2176 #763021 #3D7621 #216876

split-complementary

#5A2176 #687621 #217630

monochromatic

#120718 #361446 #5A2176 #7E2EA6 #9F46CB

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

On white

10.97

#5A2176 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.91

#5A2176 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #5A2176

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

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

fg \ bg	##5A2176	#FFFFFF	#000000	##FFFFFF
##5A2176	1.00	10.97	1.91	10.97
#FFFFFF	10.97	1.00	21.00	1.00
#000000	1.91	21.00	1.00	21.00
##FFFFFF	10.97	1.00	21.00	1.00

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

Protanopia (red-blind)

#003A78

Deuteranopia (green-blind)

#183E74

Tritanopia (blue-blind)

#573349

Achromatopsia (no color)

#3C3C3C

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

CSS

--color: #5a2176;
/* rgb */ color: rgb(90, 33, 118);
/* oklch */ color: oklch(37.5% 0.143 312.3);

Tailwind

colors: {
  custom: {
    50: '#8c619e',
    500: '#5a2176',
    950: '#000000',
  },
}

SCSS

$custom: #5a2176;
$custom-light: #8c619e;
$custom-dark: #000000;

JSON

{
  "hex": "#5a2176",
  "rgb": {
    "r": 90,
    "g": 33,
    "b": 118
  },
  "hsl": {
    "h": 280.235,
    "s": 56.291,
    "l": 29.608
  },
  "oklch": {
    "l": 0.37539,
    "c": 0.14281,
    "h": 312.3
  },
  "luminance": 0.04569
}

Semantic roles & 50–950 ramp

primary

#5A2176

secondary

#69A94A

accent

#E0487A

background

#F8F5F9

surface

#F0EAF2

border

#CBC6CC

text

#0C050E

muted

#7D797E

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

معاينة مع #5A2176

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

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