#170D2B#170D2B
#170D2B لون داكن جداً وخافت من عائلة بنفسجي. الإضاءة النسبية 0.006؛ OKLCH L 19.2% C 0.058 H 295.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #170D2B |
|---|---|
| RGB | rgb(23, 13, 43) |
| HSL | hsl(260, 54%, 11%) |
| HSV | hsv(260, 70%, 17%) |
| CMYK | cmyk(46.5%, 69.8%, 0%, 83.1%) |
| CIE-LAB | lab(5.82, 13.01, -18.14) |
| CIE-LCH | lch(5.82, 22.33, 305.64°) |
| OKLab | oklab(19.2% 0.0254 -0.0526) |
| OKLCH | oklch(19.2% 0.058 295.8) |
| XYZ | xyz(0.9332, 0.6444, 2.3602) |
| Luminance | 0.0064 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 5.64
Dark Navy Blue
#00022E
ΔE00 6.34
Very Dark Blue
#000133
ΔE00 7.08
Dark Navy
#000435
ΔE00 7.15
Midnight Blue (survey)
#020035
ΔE00 7.26
Navy (survey)
#01153E
ΔE00 7.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#170D2B #212B0D
analogous
#0D122B #170D2B #260D2B
triadic
#170D2B #2B170D #0D2B17
tetradic
#170D2B #2B0D12 #212B0D #0D2B26
square
#170D2B #2B0D12 #212B0D #0D2B26
split-complementary
#170D2B #2B260D #122B0D
monochromatic
#0D0717 #0D0717 #170D2B #301B5A #492989
إمكانية الوصول والتباين
On white
18.60
#170D2B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.13
#170D2B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #170D2B
18.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##170D2B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##170D2B | 1.00 | 18.60 | 1.13 | 18.60 |
| #FFFFFF | 18.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.60 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#02132C
Deuteranopia (green-blind)
#04122A
Tritanopia (blue-blind)
#12131A
Achromatopsia (no color)
#131313
وسوم التصميم والكود
CSS
--color: #170d2b; /* rgb */ color: rgb(23, 13, 43); /* oklch */ color: oklch(19.2% 0.058 295.8);
Tailwind
colors: {
custom: {
50: '#554c64',
500: '#170d2b',
950: '#000000',
},
}SCSS
$custom: #170d2b; $custom-light: #554c64; $custom-dark: #000000;
JSON
{
"hex": "#170d2b",
"rgb": {
"r": 23,
"g": 13,
"b": 43
},
"hsl": {
"h": 260,
"s": 53.571,
"l": 10.98
},
"oklch": {
"l": 0.19197,
"c": 0.05846,
"h": 295.8
},
"luminance": 0.00644
}Semantic roles & 50–950 ramp
primary
#170D2B
secondary
#53662E
accent
#DD4BAC
background
#F5F4F6
surface
#E9E7EB
border
#C5C3C6
text
#030105
muted
#78777A