#3F4D72#3F4D72
#3F4D72 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.076؛ OKLCH L 42.5% C 0.064 H 267.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3F4D72 |
|---|---|
| RGB | rgb(63, 77, 114) |
| HSL | hsl(224, 29%, 35%) |
| HSV | hsv(224, 45%, 45%) |
| CMYK | cmyk(44.7%, 32.5%, 0%, 55.3%) |
| CIE-LAB | lab(33.09, 5.13, -23.00) |
| CIE-LCH | lch(33.09, 23.56, 282.57°) |
| OKLab | oklab(42.49% -0.0025 -0.0643) |
| OKLCH | oklch(42.49% 0.064 267.8) |
| XYZ | xyz(7.7401, 7.5790, 16.9714) |
| Luminance | 0.0758 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusk
#4E5481
ΔE00 4.33
Twilight
#4E518B
ΔE00 5.60
Denim Blue
#3B5B92
ΔE00 7.29
Dusk Blue
#26538D
ΔE00 7.45
Cobalt (survey)
#1E488F
ΔE00 7.50
Dusky Blue
#475F94
ΔE00 7.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3F4D72 #72643F
analogous
#3F6772 #3F4D72 #4A3F72
triadic
#3F4D72 #723F4D #4D723F
tetradic
#3F4D72 #723F67 #72643F #3F724A
square
#3F4D72 #723F67 #72643F #3F724A
split-complementary
#3F4D72 #724A3F #67723F
monochromatic
#131823 #29324B #3F4D72 #556899 #7788B4
إمكانية الوصول والتباين
On white
8.35
#3F4D72 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.52
#3F4D72 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3F4D72
8.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3F4D72 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3F4D72 | 1.00 | 8.35 | 2.52 | 8.35 |
| #FFFFFF | 8.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.52 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#405074
Deuteranopia (green-blind)
#3B4C71
Tritanopia (blue-blind)
#2D555A
Achromatopsia (no color)
#4E4E4E
وسوم التصميم والكود
CSS
--color: #3f4d72; /* rgb */ color: rgb(63, 77, 114); /* oklch */ color: oklch(42.5% 0.064 267.8);
Tailwind
colors: {
custom: {
50: '#767e9a',
500: '#3f4d72',
950: '#000000',
},
}SCSS
$custom: #3f4d72; $custom-light: #767e9a; $custom-dark: #000000;
JSON
{
"hex": "#3f4d72",
"rgb": {
"r": 63,
"g": 77,
"b": 114
},
"hsl": {
"h": 223.529,
"s": 28.814,
"l": 34.706
},
"oklch": {
"l": 0.42493,
"c": 0.0644,
"h": 267.8
},
"luminance": 0.07579
}Semantic roles & 50–950 ramp
primary
#3F4D72
secondary
#9F916E
accent
#AA63C5
background
#F7F7F9
surface
#EDEEF2
border
#C8C9CC
text
#090A0E
muted
#7B7C7E