#322F62#322F62

#322F62 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.036؛ OKLCH L 33.6% C 0.087 H 283.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.22:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#322F62
RGB	rgb(50, 47, 98)
HSL	hsl(244, 35%, 28%)
HSV	hsv(244, 52%, 38%)
CMYK	cmyk(49%, 52%, 0%, 61.6%)
CIE-LAB	lab(22.28, 16.38, -29.91)
CIE-LCH	lch(22.28, 34.10, 298.70°)
OKLab	oklab(33.65% 0.0201 -0.085)
OKLCH	oklch(33.65% 0.087 283.3)
XYZ	xyz(4.5359, 3.5928, 12.0074)
Luminance	0.0359 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#322F62 #5F622F

analogous

#2F4562 #322F62 #4B2F62

triadic

#322F62 #62322F #2F6232

tetradic

#322F62 #622F45 #5F622F #2F624B

square

#322F62 #622F45 #5F622F #2F624B

split-complementary

#322F62 #624B2F #45622F

monochromatic

#0B0A15 #1D1B39 #322F62 #47438B #605BB0

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

On white

12.22

#322F62 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.72

#322F62 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #322F62

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

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

fg \ bg	##322F62	#FFFFFF	#000000	##FFFFFF
##322F62	1.00	12.22	1.72	12.22
#FFFFFF	12.22	1.00	21.00	1.00
#000000	1.72	21.00	1.00	21.00
##FFFFFF	12.22	1.00	21.00	1.00

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

Protanopia (red-blind)

#193764

Deuteranopia (green-blind)

#173461

Tritanopia (blue-blind)

#223A43

Achromatopsia (no color)

#353535

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

CSS

--color: #322f62;
/* rgb */ color: rgb(50, 47, 98);
/* oklch */ color: oklch(33.6% 0.087 283.3);

Tailwind

colors: {
  custom: {
    50: '#6d678f',
    500: '#322f62',
    950: '#000000',
  },
}

SCSS

$custom: #322f62;
$custom-light: #6d678f;
$custom-dark: #000000;

JSON

{
  "hex": "#322f62",
  "rgb": {
    "r": 50,
    "g": 47,
    "b": 98
  },
  "hsl": {
    "h": 243.529,
    "s": 35.172,
    "l": 28.431
  },
  "oklch": {
    "l": 0.33647,
    "c": 0.08732,
    "h": 283.3
  },
  "luminance": 0.03593
}

Semantic roles & 50–950 ramp

primary

#322F62

secondary

#909459

accent

#CB5DC5

background

#F6F6F8

surface

#ECEBF0

border

#C7C6CB

text

#07060C

muted

#7A7A7D

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

معاينة مع #322F62

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

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