#3C3E89#3C3E89
#3C3E89 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.062؛ OKLCH L 40.5% C 0.122 H 278.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3C3E89 |
|---|---|
| RGB | rgb(60, 62, 137) |
| HSL | hsl(238, 39%, 39%) |
| HSV | hsv(238, 56%, 54%) |
| CMYK | cmyk(56.2%, 54.7%, 0%, 46.3%) |
| CIE-LAB | lab(29.94, 22.02, -42.33) |
| CIE-LCH | lch(29.94, 47.71, 297.48°) |
| OKLab | oklab(40.47% 0.0176 -0.1211) |
| OKLCH | oklch(40.47% 0.122 278.3) |
| XYZ | xyz(8.1000, 6.2115, 24.4342) |
| Luminance | 0.0621 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Darkslateblue
#483D8B
ΔE00 2.67
Blueberry
#464196
ΔE00 2.67
Sapphire (survey)
#2138AB
ΔE00 6.38
Twilight
#4E518B
ΔE00 6.52
Cobalt (survey)
#1E488F
ΔE00 7.16
Ocean Blue
#4F42B5
ΔE00 7.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3C3E89 #89873C
analogous
#3C6489 #3C3E89 #603C89
triadic
#3C3E89 #893C3E #3E893C
tetradic
#3C3E89 #893C64 #89873C #3C8960
square
#3C3E89 #893C64 #89873C #3C8960
split-complementary
#3C3E89 #89603C #64893C
monochromatic
#171734 #292B5E #3C3E89 #5052B2 #7A7CC5
إمكانية الوصول والتباين
On white
9.36
#3C3E89 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.24
#3C3E89 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3C3E89
9.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3C3E89 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3C3E89 | 1.00 | 9.36 | 2.24 | 9.36 |
| #FFFFFF | 9.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#134A8C
Deuteranopia (green-blind)
#034387
Tritanopia (blue-blind)
#174F5D
Achromatopsia (no color)
#464646
وسوم التصميم والكود
CSS
--color: #3c3e89; /* rgb */ color: rgb(60, 62, 137); /* oklch */ color: oklch(40.5% 0.122 278.3);
Tailwind
colors: {
custom: {
50: '#7973ac',
500: '#3c3e89',
950: '#000000',
},
}SCSS
$custom: #3c3e89; $custom-light: #7973ac; $custom-dark: #000000;
JSON
{
"hex": "#3c3e89",
"rgb": {
"r": 60,
"g": 62,
"b": 137
},
"hsl": {
"h": 238.442,
"s": 39.086,
"l": 38.627
},
"oklch": {
"l": 0.40474,
"c": 0.12233,
"h": 278.3
},
"luminance": 0.06212
}Semantic roles & 50–950 ramp
primary
#3C3E89
secondary
#AFAD72
accent
#CC59CF
background
#F7F6FA
surface
#EEECF4
border
#C9C7CE
text
#090810
muted
#7B7B7F