#2C2856#2C2856
#2C2856 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.027؛ OKLCH L 30.7% C 0.080 H 284.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2C2856 |
|---|---|
| RGB | rgb(44, 40, 86) |
| HSL | hsl(245, 37%, 25%) |
| HSV | hsv(245, 53%, 34%) |
| CMYK | cmyk(48.8%, 53.5%, 0%, 66.3%) |
| CIE-LAB | lab(18.91, 15.52, -27.40) |
| CIE-LCH | lch(18.91, 31.49, 299.52°) |
| OKLab | oklab(30.71% 0.0202 -0.0778) |
| OKLCH | oklch(30.71% 0.08 284.6) |
| XYZ | xyz(3.4767, 2.7248, 9.1450) |
| Luminance | 0.0272 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 6.46
Navy (survey)
#01153E
ΔE00 7.95
Navy Blue (survey)
#001146
ΔE00 8.14
Marine
#042E60
ΔE00 8.59
Midnight Blue
#191970
ΔE00 8.83
Dark Indigo
#1F0954
ΔE00 9.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2C2856 #525628
analogous
#283B56 #2C2856 #432856
triadic
#2C2856 #562C28 #28562C
tetradic
#2C2856 #56283B #525628 #285643
square
#2C2856 #56283B #525628 #285643
split-complementary
#2C2856 #564328 #3B5628
monochromatic
#0B0A15 #17152C #2C2856 #413B80 #574FAA
إمكانية الوصول والتباين
On white
13.59
#2C2856 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.55
#2C2856 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2C2856
13.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2C2856 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2C2856 | 1.00 | 13.59 | 1.55 | 13.59 |
| #FFFFFF | 13.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.59 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#142F58
Deuteranopia (green-blind)
#132D55
Tritanopia (blue-blind)
#1F323B
Achromatopsia (no color)
#2E2E2E
وسوم التصميم والكود
CSS
--color: #2c2856; /* rgb */ color: rgb(44, 40, 86); /* oklch */ color: oklch(30.7% 0.080 284.6);
Tailwind
colors: {
custom: {
50: '#686286',
500: '#2c2856',
950: '#000000',
},
}SCSS
$custom: #2c2856; $custom-light: #686286; $custom-dark: #000000;
JSON
{
"hex": "#2c2856",
"rgb": {
"r": 44,
"g": 40,
"b": 86
},
"hsl": {
"h": 245.217,
"s": 36.508,
"l": 24.706
},
"oklch": {
"l": 0.30711,
"c": 0.0804,
"h": 284.6
},
"luminance": 0.02725
}Semantic roles & 50–950 ramp
primary
#2C2856
secondary
#848951
accent
#CD5BC3
background
#F6F5F8
surface
#EBEAEF
border
#C6C6CA
text
#06050B
muted
#7A797C