#23293D#23293D
#23293D لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.023؛ OKLCH L 28.5% C 0.038 H 271.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #23293D |
|---|---|
| RGB | rgb(35, 41, 61) |
| HSL | hsl(226, 27%, 19%) |
| HSV | hsv(226, 43%, 24%) |
| CMYK | cmyk(42.6%, 32.8%, 0%, 76.1%) |
| CIE-LAB | lab(16.89, 3.43, -13.60) |
| CIE-LCH | lch(16.89, 14.03, 284.15°) |
| OKLab | oklab(28.48% 0.0007 -0.0379) |
| OKLCH | oklch(28.48% 0.038 271) |
| XYZ | xyz(2.3281, 2.2800, 4.7314) |
| Luminance | 0.0228 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 4.74
Dark
#1B2431
ΔE00 4.97
Navy (survey)
#01153E
ΔE00 9.77
Marine
#042E60
ΔE00 10.05
Gunmetal
#2A3439
ΔE00 10.46
Dark Blue Grey
#1F3B4D
ΔE00 10.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#23293D #3D3723
analogous
#23363D #23293D #2A233D
triadic
#23293D #3D2329 #293D23
tetradic
#23293D #3D2336 #3D3723 #233D2A
square
#23293D #3D2336 #3D3723 #233D2A
split-complementary
#23293D #3D2A23 #363D23
monochromatic
#0B0D13 #0D0F16 #23293D #394364 #505D8B
إمكانية الوصول والتباين
On white
14.42
#23293D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.46
#23293D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #23293D
14.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##23293D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##23293D | 1.00 | 14.42 | 1.46 | 14.42 |
| #FFFFFF | 14.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.42 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#222B3E
Deuteranopia (green-blind)
#20293D
Tritanopia (blue-blind)
#1B2D30
Achromatopsia (no color)
#2A2A2A
وسوم التصميم والكود
CSS
--color: #23293d; /* rgb */ color: rgb(35, 41, 61); /* oklch */ color: oklch(28.5% 0.038 271.0);
Tailwind
colors: {
custom: {
50: '#5f6272',
500: '#23293d',
950: '#000000',
},
}SCSS
$custom: #23293d; $custom-light: #5f6272; $custom-dark: #000000;
JSON
{
"hex": "#23293d",
"rgb": {
"r": 35,
"g": 41,
"b": 61
},
"hsl": {
"h": 226.154,
"s": 27.083,
"l": 18.824
},
"oklch": {
"l": 0.28476,
"c": 0.03788,
"h": 271
},
"luminance": 0.0228
}Semantic roles & 50–950 ramp
primary
#23293D
secondary
#70674C
accent
#AD64C3
background
#F5F5F6
surface
#E9EAEC
border
#C5C6C7
text
#040508
muted
#79797B