#3346BF#3346BF

#3346BF لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.088؛ OKLCH L 45.9% C 0.189 H 270.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.58:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#3346BF
RGB	rgb(51, 70, 191)
HSL	hsl(232, 58%, 47%)
HSV	hsv(232, 73%, 75%)
CMYK	cmyk(73.3%, 63.4%, 0%, 25.1%)
CIE-LAB	lab(35.68, 34.55, -65.50)
CIE-LCH	lch(35.68, 74.06, 297.81°)
OKLab	oklab(45.92% 0.0004 -0.1893)
OKLCH	oklch(45.92% 0.189 270.1)
XYZ	xyz(12.9562, 8.8444, 50.3044)
Luminance	0.0885 (WCAG relative)
Temperature	cool
Family	blue

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

Blue With A Hint Of Purple

#533CC6

ΔE00 5.55

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

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

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

التدريجات

OKLCH scale

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

complementary

#3346BF #BFAC33

analogous

#338CBF #3346BF #6633BF

triadic

#3346BF #BF3346 #46BF33

tetradic

#3346BF #BF338C #BFAC33 #33BF66

square

#3346BF #BF338C #BFAC33 #33BF66

split-complementary

#3346BF #BF6633 #8CBF33

monochromatic

#19235E #26348F #3346BF #5C6CD3 #8C98E0

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

On white

7.58

#3346BF on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.77

#3346BF on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #3346BF

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

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

fg \ bg	##3346BF	#FFFFFF	#000000	##FFFFFF
##3346BF	1.00	7.58	2.77	7.58
#FFFFFF	7.58	1.00	21.00	1.00
#000000	2.77	21.00	1.00	21.00
##FFFFFF	7.58	1.00	21.00	1.00

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

Protanopia (red-blind)

#005BC3

Deuteranopia (green-blind)

#004DBD

Tritanopia (blue-blind)

#00657C

Achromatopsia (no color)

#545454

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

CSS

--color: #3346bf;
/* rgb */ color: rgb(51, 70, 191);
/* oklch */ color: oklch(45.9% 0.189 270.1);

Tailwind

colors: {
  custom: {
    50: '#7f79d3',
    500: '#3346bf',
    950: '#000000',
  },
}

SCSS

$custom: #3346bf;
$custom-light: #7f79d3;
$custom-dark: #000000;

JSON

{
  "hex": "#3346bf",
  "rgb": {
    "r": 51,
    "g": 70,
    "b": 191
  },
  "hsl": {
    "h": 231.857,
    "s": 57.851,
    "l": 47.451
  },
  "oklch": {
    "l": 0.45921,
    "c": 0.1893,
    "h": 270.1
  },
  "luminance": 0.08846
}

Semantic roles & 50–950 ramp

primary

#3346BF

secondary

#CBC183

accent

#CC47E1

background

#F8F7FD

surface

#F0EDFA

border

#CBC8D3

text

#0C0914

muted

#7D7B83

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

معاينة مع #3346BF

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

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