#7B7BAA#7B7BAA

#7B7BAA لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.213؛ OKLCH L 60.1% C 0.071 H 284.1°. أفضل لون لنص المتن هو #000000 بتباين 5.26:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#7B7BAA
RGB	rgb(123, 123, 170)
HSL	hsl(240, 22%, 57%)
HSV	hsv(240, 28%, 67%)
CMYK	cmyk(27.6%, 27.6%, 0%, 33.3%)
CIE-LAB	lab(53.25, 10.82, -24.96)
CIE-LCH	lch(53.25, 27.20, 293.44°)
OKLab	oklab(60.11% 0.0173 -0.069)
OKLCH	oklch(60.11% 0.071 284.1)
XYZ	xyz(22.5052, 21.2786, 40.9439)
Luminance	0.2128 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#7B7BAA #AAAA7B

analogous

#7B93AA #7B7BAA #937BAA

triadic

#7B7BAA #AA7B7B #7BAA7B

tetradic

#7B7BAA #AA7B93 #AAAA7B #7BAA93

square

#7B7BAA #AA7B93 #AAAA7B #7BAA93

split-complementary

#7B7BAA #AA937B #93AA7B

monochromatic

#434368 #5B5B8D #7B7BAA #A0A0C2 #C5C5DA

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

On white

4.00

#7B7BAA on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.26

#7B7BAA on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #7B7BAA

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

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

fg \ bg	##7B7BAA	#FFFFFF	#000000	##000000
##7B7BAA	1.00	4.00	5.26	5.26
#FFFFFF	4.00	1.00	21.00	21.00
#000000	5.26	21.00	1.00	1.00
##000000	5.26	21.00	1.00	1.00

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

Protanopia (red-blind)

#6E81AC

Deuteranopia (green-blind)

#6D7EA9

Tritanopia (blue-blind)

#70838B

Achromatopsia (no color)

#7F7F7F

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

CSS

--color: #7b7baa;
/* rgb */ color: rgb(123, 123, 170);
/* oklch */ color: oklch(60.1% 0.071 284.1);

Tailwind

colors: {
  custom: {
    50: '#a2a1c3',
    500: '#7b7baa',
    950: '#000000',
  },
}

SCSS

$custom: #7b7baa;
$custom-light: #a2a1c3;
$custom-dark: #000000;

JSON

{
  "hex": "#7b7baa",
  "rgb": {
    "r": 123,
    "g": 123,
    "b": 170
  },
  "hsl": {
    "h": 240,
    "s": 21.659,
    "l": 57.451
  },
  "oklch": {
    "l": 0.60107,
    "c": 0.07111,
    "h": 284.1
  },
  "luminance": 0.21279
}

Semantic roles & 50–950 ramp

primary

#7B7BAA

secondary

#CACAB7

accent

#BE6ABE

background

#FAF9FC

surface

#F3F2F8

border

#CDCCD1

text

#0F0E12

muted

#7F7E81

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

معاينة مع #7B7BAA

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

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