#312E5F#312E5F

#312E5F لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.034؛ OKLCH L 33.1% C 0.084 H 283.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.45:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#312E5F
RGB	rgb(49, 46, 95)
HSL	hsl(244, 35%, 28%)
HSV	hsv(244, 52%, 37%)
CMYK	cmyk(48.4%, 51.6%, 0%, 62.7%)
CIE-LAB	lab(21.70, 15.78, -28.87)
CIE-LCH	lch(21.70, 32.90, 298.65°)
OKLab	oklab(33.13% 0.0198 -0.0819)
OKLCH	oklch(33.13% 0.084 283.6)
XYZ	xyz(4.3086, 3.4330, 11.2599)
Luminance	0.0343 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#312E5F #5C5F2E

analogous

#2E445F #312E5F #492E5F

triadic

#312E5F #5F312E #2E5F31

tetradic

#312E5F #5F2E44 #5C5F2E #2E5F49

square

#312E5F #5F2E44 #5C5F2E #2E5F49

split-complementary

#312E5F #5F492E #445F2E

monochromatic

#0B0A15 #1C1A36 #312E5F #464288 #5E59AF

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

On white

12.45

#312E5F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.69

#312E5F on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #312E5F

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

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

fg \ bg	##312E5F	#FFFFFF	#000000	##FFFFFF
##312E5F	1.00	12.45	1.69	12.45
#FFFFFF	12.45	1.00	21.00	1.00
#000000	1.69	21.00	1.00	21.00
##FFFFFF	12.45	1.00	21.00	1.00

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

Protanopia (red-blind)

#193661

Deuteranopia (green-blind)

#17325E

Tritanopia (blue-blind)

#223842

Achromatopsia (no color)

#343434

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

CSS

--color: #312e5f;
/* rgb */ color: rgb(49, 46, 95);
/* oklch */ color: oklch(33.1% 0.084 283.6);

Tailwind

colors: {
  custom: {
    50: '#6c668d',
    500: '#312e5f',
    950: '#000000',
  },
}

SCSS

$custom: #312e5f;
$custom-light: #6c668d;
$custom-dark: #000000;

JSON

{
  "hex": "#312e5f",
  "rgb": {
    "r": 49,
    "g": 46,
    "b": 95
  },
  "hsl": {
    "h": 243.673,
    "s": 34.752,
    "l": 27.647
  },
  "oklch": {
    "l": 0.33126,
    "c": 0.0843,
    "h": 283.6
  },
  "luminance": 0.03433
}

Semantic roles & 50–950 ramp

primary

#312E5F

secondary

#8D9158

accent

#CB5DC4

background

#F6F6F8

surface

#ECEBF0

border

#C7C6CB

text

#07060C

muted

#7A7A7D

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

معاينة مع #312E5F

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

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