#052D42#052D42
#052D42 لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.023؛ OKLCH L 28.2% C 0.057 H 237.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #052D42 |
|---|---|
| RGB | rgb(5, 45, 66) |
| HSL | hsl(201, 86%, 14%) |
| HSV | hsv(201, 92%, 26%) |
| CMYK | cmyk(92.4%, 31.8%, 0%, 74.1%) |
| CIE-LAB | lab(17.00, -4.57, -17.01) |
| CIE-LCH | lch(17.00, 17.61, 254.96°) |
| OKLab | oklab(28.23% -0.0309 -0.0481) |
| OKLCH | oklch(28.23% 0.057 237.3) |
| XYZ | xyz(1.9839, 2.3021, 5.4930) |
| Luminance | 0.0230 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dark Blue Grey
#1F3B4D
ΔE00 4.80
Dark
#1B2431
ΔE00 7.26
Dark Grey Blue
#29465B
ΔE00 8.16
Marine
#042E60
ΔE00 8.35
Dark Slate Blue
#214761
ΔE00 8.38
Marine Blue
#01386A
ΔE00 8.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#052D42 #421A05
analogous
#054239 #052D42 #050F42
triadic
#052D42 #42052D #2D4205
tetradic
#052D42 #390542 #421A05 #0F4205
square
#052D42 #390542 #421A05 #0F4205
split-complementary
#052D42 #42050F #423905
monochromatic
#02131C #02131C #052D42 #09547B #0E7BB4
إمكانية الوصول والتباين
On white
14.38
#052D42 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.46
#052D42 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #052D42
14.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##052D42 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##052D42 | 1.00 | 14.38 | 1.46 | 14.38 |
| #FFFFFF | 14.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.38 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#232D43
Deuteranopia (green-blind)
#1B2742
Tritanopia (blue-blind)
#003234
Achromatopsia (no color)
#2A2A2A
وسوم التصميم والكود
CSS
--color: #052d42; /* rgb */ color: rgb(5, 45, 66); /* oklch */ color: oklch(28.2% 0.057 237.3);
Tailwind
colors: {
custom: {
50: '#516576',
500: '#052d42',
950: '#000000',
},
}SCSS
$custom: #052d42; $custom-light: #516576; $custom-dark: #000000;
JSON
{
"hex": "#052d42",
"rgb": {
"r": 5,
"g": 45,
"b": 66
},
"hsl": {
"h": 200.656,
"s": 85.915,
"l": 13.922
},
"oklch": {
"l": 0.28226,
"c": 0.05718,
"h": 237.3
},
"luminance": 0.02302
}Semantic roles & 50–950 ramp
primary
#052D42
secondary
#824220
accent
#732CFC
background
#F4F6F7
surface
#E7EBED
border
#C3C6C8
text
#020508
muted
#787A7B