#976DB9#976DB9

#976DB9 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.210؛ OKLCH L 60.7% C 0.120 H 308.6°. أفضل لون لنص المتن هو #000000 بتباين 5.20:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#976DB9
RGB	rgb(151, 109, 185)
HSL	hsl(273, 35%, 58%)
HSV	hsv(273, 41%, 73%)
CMYK	cmyk(18.4%, 41.1%, 0%, 27.5%)
CIE-LAB	lab(52.97, 31.34, -33.85)
CIE-LCH	lch(52.97, 46.13, 312.79°)
OKLab	oklab(60.72% 0.075 -0.0939)
OKLCH	oklch(60.72% 0.12 308.6)
XYZ	xyz(26.9864, 21.0197, 48.5251)
Luminance	0.2102 (WCAG relative)
Temperature	cool
Family	violet

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#976DB9 #8FB96D

analogous

#716DB9 #976DB9 #B96DB5

triadic

#976DB9 #B9976D #6DB997

tetradic

#976DB9 #B9716D #8FB96D #6DB5B9

square

#976DB9 #B9716D #8FB96D #6DB5B9

split-complementary

#976DB9 #B5B96D #6DB971

monochromatic

#593874 #794B9D #976DB9 #B496CD #D2C0E1

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

On white

4.04

#976DB9 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.20

#976DB9 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #976DB9

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

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

fg \ bg	##976DB9	#FFFFFF	#000000	##000000
##976DB9	1.00	4.04	5.20	5.20
#FFFFFF	4.04	1.00	21.00	21.00
#000000	5.20	21.00	1.00	1.00
##000000	5.20	21.00	1.00	1.00

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

Protanopia (red-blind)

#5D7DBC

Deuteranopia (green-blind)

#677FB7

Tritanopia (blue-blind)

#93798A

Achromatopsia (no color)

#7E7E7E

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

CSS

--color: #976db9;
/* rgb */ color: rgb(151, 109, 185);
/* oklch */ color: oklch(60.7% 0.120 308.6);

Tailwind

colors: {
  custom: {
    50: '#b797ce',
    500: '#976db9',
    950: '#000000',
  },
}

SCSS

$custom: #976db9;
$custom-light: #b797ce;
$custom-dark: #000000;

JSON

{
  "hex": "#976db9",
  "rgb": {
    "r": 151,
    "g": 109,
    "b": 185
  },
  "hsl": {
    "h": 273.158,
    "s": 35.185,
    "l": 57.647
  },
  "oklch": {
    "l": 0.60723,
    "c": 0.12021,
    "h": 308.6
  },
  "luminance": 0.21019
}

Semantic roles & 50–950 ramp

primary

#976DB9

secondary

#BFD0B2

accent

#CB5D8E

background

#FBF9FC

surface

#F6F2F9

border

#D0CCD2

text

#110D13

muted

#807E82

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

معاينة مع #976DB9

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

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