#17282D#17282D
#17282D لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.019؛ OKLCH L 26.4% C 0.024 H 218.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #17282D |
|---|---|
| RGB | rgb(23, 40, 45) |
| HSL | hsl(194, 32%, 13%) |
| HSV | hsv(194, 49%, 18%) |
| CMYK | cmyk(48.9%, 11.1%, 0%, 82.4%) |
| CIE-LAB | lab(14.89, -5.41, -5.51) |
| CIE-LCH | lch(14.89, 7.72, 225.53°) |
| OKLab | oklab(26.42% -0.0192 -0.0151) |
| OKLCH | oklch(26.42% 0.024 218.3) |
| XYZ | xyz(1.5856, 1.8891, 2.7632) |
| Luminance | 0.0189 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Gunmetal
#2A3439
ΔE00 5.11
Dark
#1B2431
ΔE00 7.65
Charcoal (survey)
#343837
ΔE00 8.30
Onyx
#353839
ΔE00 8.49
Dark Blue Grey
#1F3B4D
ΔE00 8.61
Dark Grey
#363737
ΔE00 9.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#17282D #2D1C17
analogous
#172D27 #17282D #171D2D
triadic
#17282D #2D1728 #282D17
tetradic
#17282D #27172D #2D1C17 #1D2D17
square
#17282D #27172D #2D1C17 #1D2D17
split-complementary
#17282D #2D171D #2D2717
monochromatic
#0A1214 #0A1214 #17282D #2C4C55 #40707E
إمكانية الوصول والتباين
On white
15.24
#17282D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.38
#17282D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #17282D
15.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##17282D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##17282D | 1.00 | 15.24 | 1.38 | 15.24 |
| #FFFFFF | 15.24 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.24 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#25272D
Deuteranopia (green-blind)
#21242D
Tritanopia (blue-blind)
#0E2A2A
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #17282d; /* rgb */ color: rgb(23, 40, 45); /* oklch */ color: oklch(26.4% 0.024 218.3);
Tailwind
colors: {
custom: {
50: '#556165',
500: '#17282d',
950: '#000000',
},
}SCSS
$custom: #17282d; $custom-light: #556165; $custom-dark: #000000;
JSON
{
"hex": "#17282d",
"rgb": {
"r": 23,
"g": 40,
"b": 45
},
"hsl": {
"h": 193.636,
"s": 32.353,
"l": 13.333
},
"oklch": {
"l": 0.26421,
"c": 0.02442,
"h": 218.3
},
"luminance": 0.01889
}Semantic roles & 50–950 ramp
primary
#17282D
secondary
#62463E
accent
#775FC9
background
#F5F5F6
surface
#E9E9EB
border
#C5C5C6
text
#030505
muted
#78797A