#26375E#26375E
#26375E لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.040؛ OKLCH L 34.3% C 0.072 H 265.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #26375E |
|---|---|
| RGB | rgb(38, 55, 94) |
| HSL | hsl(222, 42%, 26%) |
| HSV | hsv(222, 60%, 37%) |
| CMYK | cmyk(59.6%, 41.5%, 0%, 63.1%) |
| CIE-LAB | lab(23.51, 6.25, -25.39) |
| CIE-LCH | lch(23.51, 26.14, 283.82°) |
| OKLab | oklab(34.27% -0.0062 -0.0719) |
| OKLCH | oklch(34.27% 0.072 265) |
| XYZ | xyz(4.1852, 3.9523, 11.1298) |
| Luminance | 0.0395 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 4.58
Marine
#042E60
ΔE00 4.63
Marine Blue
#01386A
ΔE00 5.34
Twilight Blue
#0A437A
ΔE00 7.36
Darkish Blue
#014182
ΔE00 7.57
Prussian Blue
#004577
ΔE00 8.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#26375E #5E4D26
analogous
#26535E #26375E #31265E
triadic
#26375E #5E2637 #375E26
tetradic
#26375E #5E2653 #5E4D26 #265E31
square
#26375E #5E2653 #5E4D26 #265E31
split-complementary
#26375E #5E3126 #535E26
monochromatic
#090D16 #141D32 #26375E #38508A #496AB5
إمكانية الوصول والتباين
On white
11.73
#26375E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.79
#26375E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #26375E
11.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##26375E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##26375E | 1.00 | 11.73 | 1.79 | 11.73 |
| #FFFFFF | 11.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.79 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#273B60
Deuteranopia (green-blind)
#20365D
Tritanopia (blue-blind)
#054046
Achromatopsia (no color)
#383838
وسوم التصميم والكود
CSS
--color: #26375e; /* rgb */ color: rgb(38, 55, 94); /* oklch */ color: oklch(34.3% 0.072 265.0);
Tailwind
colors: {
custom: {
50: '#656d8c',
500: '#26375e',
950: '#000000',
},
}SCSS
$custom: #26375e; $custom-light: #656d8c; $custom-dark: #000000;
JSON
{
"hex": "#26375e",
"rgb": {
"r": 38,
"g": 55,
"b": 94
},
"hsl": {
"h": 221.786,
"s": 42.424,
"l": 25.882
},
"oklch": {
"l": 0.34272,
"c": 0.07221,
"h": 265
},
"luminance": 0.03953
}Semantic roles & 50–950 ramp
primary
#26375E
secondary
#917D4F
accent
#AC56D2
background
#F6F6F8
surface
#EBEBF0
border
#C6C6CB
text
#06070C
muted
#7A7A7D