#2F5175#2F5175
#2F5175 لون داكن ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.078؛ OKLCH L 42.6% C 0.072 H 251.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2F5175 |
|---|---|
| RGB | rgb(47, 81, 117) |
| HSL | hsl(211, 43%, 32%) |
| HSV | hsv(211, 60%, 46%) |
| CMYK | cmyk(59.8%, 30.8%, 0%, 54.1%) |
| CIE-LAB | lab(33.51, -0.61, -24.29) |
| CIE-LCH | lch(33.51, 24.30, 268.56°) |
| OKLab | oklab(42.61% -0.0234 -0.0684) |
| OKLCH | oklch(42.61% 0.072 251.1) |
| XYZ | xyz(7.3245, 7.7729, 17.9405) |
| Luminance | 0.0777 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Light Navy
#155084
ΔE00 3.36
Dusk Blue
#26538D
ΔE00 3.61
Light Navy Blue
#2E5A88
ΔE00 3.77
Deep Sea Blue
#015482
ΔE00 4.81
Prussian Blue
#004577
ΔE00 5.07
Cobalt (survey)
#1E488F
ΔE00 5.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2F5175 #75532F
analogous
#2F7475 #2F5175 #302F75
triadic
#2F5175 #752F51 #51752F
tetradic
#2F5175 #752F74 #75532F #2F7530
square
#2F5175 #752F74 #75532F #2F7530
split-complementary
#2F5175 #75302F #74752F
monochromatic
#0C151E #1D3349 #2F5175 #416FA1 #5F8EBF
إمكانية الوصول والتباين
On white
8.22
#2F5175 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.55
#2F5175 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2F5175
8.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2F5175 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2F5175 | 1.00 | 8.22 | 2.55 | 8.22 |
| #FFFFFF | 8.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#425377
Deuteranopia (green-blind)
#394C74
Tritanopia (blue-blind)
#00595E
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #2f5175; /* rgb */ color: rgb(47, 81, 117); /* oklch */ color: oklch(42.6% 0.072 251.1);
Tailwind
colors: {
custom: {
50: '#6e819d',
500: '#2f5175',
950: '#000000',
},
}SCSS
$custom: #2f5175; $custom-light: #6e819d; $custom-dark: #000000;
JSON
{
"hex": "#2f5175",
"rgb": {
"r": 47,
"g": 81,
"b": 117
},
"hsl": {
"h": 210.857,
"s": 42.683,
"l": 32.157
},
"oklch": {
"l": 0.42609,
"c": 0.07224,
"h": 251.1
},
"luminance": 0.07774
}Semantic roles & 50–950 ramp
primary
#2F5175
secondary
#A6815A
accent
#9655D2
background
#F6F7F9
surface
#ECEEF2
border
#C7C9CC
text
#070A0E
muted
#7A7C7E