#28273E#28273E
#28273E لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.022؛ OKLCH L 28.5% C 0.042 H 285.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #28273E |
|---|---|
| RGB | rgb(40, 39, 62) |
| HSL | hsl(243, 23%, 20%) |
| HSV | hsv(243, 37%, 24%) |
| CMYK | cmyk(35.5%, 37.1%, 0%, 75.7%) |
| CIE-LAB | lab(16.75, 6.95, -14.49) |
| CIE-LCH | lch(16.75, 16.07, 295.61°) |
| OKLab | oklab(28.49% 0.0111 -0.0403) |
| OKLCH | oklch(28.49% 0.042 285.4) |
| XYZ | xyz(2.4699, 2.2499, 4.8606) |
| Luminance | 0.0225 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 6.09
Dark
#1B2431
ΔE00 8.41
Navy (survey)
#01153E
ΔE00 9.56
Midnight
#03012D
ΔE00 11.12
Dark Navy Blue
#00022E
ΔE00 11.22
Marine
#042E60
ΔE00 11.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#28273E #3D3E27
analogous
#27323E #28273E #34273E
triadic
#28273E #3E2827 #273E28
tetradic
#28273E #3E2732 #3D3E27 #273E34
square
#28273E #3E2732 #3D3E27 #273E34
split-complementary
#28273E #3E3427 #323E27
monochromatic
#0C0C13 #100F18 #28273E #403F64 #585689
إمكانية الوصول والتباين
On white
14.48
#28273E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.45
#28273E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #28273E
14.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##28273E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##28273E | 1.00 | 14.48 | 1.45 | 14.48 |
| #FFFFFF | 14.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.48 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#202A3F
Deuteranopia (green-blind)
#20293D
Tritanopia (blue-blind)
#232B2F
Achromatopsia (no color)
#292929
وسوم التصميم والكود
CSS
--color: #28273e; /* rgb */ color: rgb(40, 39, 62); /* oklch */ color: oklch(28.5% 0.042 285.4);
Tailwind
colors: {
custom: {
50: '#626173',
500: '#28273e',
950: '#000000',
},
}SCSS
$custom: #28273e; $custom-light: #626173; $custom-dark: #000000;
JSON
{
"hex": "#28273e",
"rgb": {
"r": 40,
"g": 39,
"b": 62
},
"hsl": {
"h": 242.609,
"s": 22.772,
"l": 19.804
},
"oklch": {
"l": 0.28495,
"c": 0.0418,
"h": 285.4
},
"luminance": 0.0225
}Semantic roles & 50–950 ramp
primary
#28273E
secondary
#6E7051
accent
#BF69BB
background
#F5F5F7
surface
#EAE9ED
border
#C6C5C8
text
#050508
muted
#79797B