#465673#465673

#465673 لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.092؛ OKLCH L 45.2% C 0.052 H 262.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.40:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#465673
RGB	rgb(70, 86, 115)
HSL	hsl(219, 24%, 36%)
HSV	hsv(219, 39%, 45%)
CMYK	cmyk(39.1%, 25.2%, 0%, 54.9%)
CIE-LAB	lab(36.36, 1.77, -18.51)
CIE-LCH	lch(36.36, 18.59, 275.47°)
OKLab	oklab(45.18% -0.0072 -0.0513)
OKLCH	oklch(45.18% 0.052 262.1)
XYZ	xyz(8.9471, 9.1950, 17.5197)
Luminance	0.0920 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#465673 #736346

analogous

#466D73 #465673 #4D4673

triadic

#465673 #734656 #567346

tetradic

#465673 #73466D #736346 #46734D

square

#465673 #73466D #736346 #46734D

split-complementary

#465673 #734D46 #6D7346

monochromatic

#181D27 #2F3A4D #465673 #5D7299 #8193B2

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

On white

7.40

#465673 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.84

#465673 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #465673

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

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

fg \ bg	##465673	#FFFFFF	#000000	##FFFFFF
##465673	1.00	7.40	2.84	7.40
#FFFFFF	7.40	1.00	21.00	1.00
#000000	2.84	21.00	1.00	21.00
##FFFFFF	7.40	1.00	21.00	1.00

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

Protanopia (red-blind)

#4C5874

Deuteranopia (green-blind)

#475472

Tritanopia (blue-blind)

#385C60

Achromatopsia (no color)

#565656

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

CSS

--color: #465673;
/* rgb */ color: rgb(70, 86, 115);
/* oklch */ color: oklch(45.2% 0.052 262.1);

Tailwind

colors: {
  custom: {
    50: '#7b859b',
    500: '#465673',
    950: '#000000',
  },
}

SCSS

$custom: #465673;
$custom-light: #7b859b;
$custom-dark: #000000;

JSON

{
  "hex": "#465673",
  "rgb": {
    "r": 70,
    "g": 86,
    "b": 115
  },
  "hsl": {
    "h": 218.667,
    "s": 24.324,
    "l": 36.275
  },
  "oklch": {
    "l": 0.45183,
    "c": 0.05185,
    "h": 262.1
  },
  "luminance": 0.09195
}

Semantic roles & 50–950 ramp

primary

#465673

secondary

#9E9077

accent

#A167C1

background

#F7F8F9

surface

#EEEFF2

border

#C9CACC

text

#090B0E

muted

#7B7C7E

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

معاينة مع #465673

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

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