#324876#324876
#324876 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.066؛ OKLCH L 40.7% C 0.082 H 263.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #324876 |
|---|---|
| RGB | rgb(50, 72, 118) |
| HSL | hsl(221, 40%, 33%) |
| HSV | hsv(221, 58%, 46%) |
| CMYK | cmyk(57.6%, 39%, 0%, 53.7%) |
| CIE-LAB | lab(30.93, 6.33, -28.96) |
| CIE-LCH | lch(30.93, 29.64, 282.33°) |
| OKLab | oklab(40.66% -0.0089 -0.082) |
| OKLCH | oklch(40.66% 0.082 263.8) |
| XYZ | xyz(6.9017, 6.6203, 18.0502) |
| Luminance | 0.0662 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Cobalt (survey)
#1E488F
ΔE00 4.56
Twilight Blue
#0A437A
ΔE00 5.04
Darkish Blue
#014182
ΔE00 5.32
Dusk Blue
#26538D
ΔE00 5.74
Prussian Blue
#004577
ΔE00 6.12
Light Navy
#155084
ΔE00 6.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#324876 #766032
analogous
#326A76 #324876 #3E3276
triadic
#324876 #763248 #487632
tetradic
#324876 #76326A #766032 #32763E
square
#324876 #76326A #766032 #32763E
split-complementary
#324876 #763E32 #6A7632
monochromatic
#0E1420 #202E4B #324876 #4462A1 #6582BE
إمكانية الوصول والتباين
On white
9.04
#324876 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.32
#324876 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #324876
9.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##324876 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##324876 | 1.00 | 9.04 | 2.32 | 9.04 |
| #FFFFFF | 9.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.04 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#354C78
Deuteranopia (green-blind)
#2D4675
Tritanopia (blue-blind)
#095259
Achromatopsia (no color)
#494949
وسوم التصميم والكود
CSS
--color: #324876; /* rgb */ color: rgb(50, 72, 118); /* oklch */ color: oklch(40.7% 0.082 263.8);
Tailwind
colors: {
custom: {
50: '#6f7a9e',
500: '#324876',
950: '#000000',
},
}SCSS
$custom: #324876; $custom-light: #6f7a9e; $custom-dark: #000000;
JSON
{
"hex": "#324876",
"rgb": {
"r": 50,
"g": 72,
"b": 118
},
"hsl": {
"h": 220.588,
"s": 40.476,
"l": 32.941
},
"oklch": {
"l": 0.40659,
"c": 0.08246,
"h": 263.8
},
"luminance": 0.06621
}Semantic roles & 50–950 ramp
primary
#324876
secondary
#A58E5E
accent
#A957D0
background
#F6F7F9
surface
#ECEDF2
border
#C7C8CC
text
#08090E
muted
#7B7B7E