#2C19A1#2C19A1
#2C19A1 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.038؛ OKLCH L 35.8% C 0.199 H 275.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.93:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2C19A1 |
|---|---|
| RGB | rgb(44, 25, 161) |
| HSL | hsl(248, 73%, 36%) |
| HSV | hsv(248, 84%, 63%) |
| CMYK | cmyk(72.7%, 84.5%, 0%, 36.9%) |
| CIE-LAB | lab(23.01, 49.30, -68.47) |
| CIE-LCH | lch(23.01, 84.37, 305.75°) |
| OKLab | oklab(35.85% 0.0202 -0.1979) |
| OKLCH | oklch(35.85% 0.199 275.8) |
| XYZ | xyz(7.8173, 3.8032, 34.0334) |
| Luminance | 0.0380 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Indigo Blue
#3A18B1
ΔE00 2.70
Cobalt Blue
#030AA7
ΔE00 2.89
Ultramarine
#2000B1
ΔE00 3.19
Royal
#0C1793
ΔE00 3.20
Royal Blue (survey)
#0504AA
ΔE00 3.24
True Blue
#010FCC
ΔE00 5.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2C19A1 #8EA119
analogous
#194AA1 #2C19A1 #7019A1
triadic
#2C19A1 #A12C19 #19A12C
tetradic
#2C19A1 #A1194A #8EA119 #19A170
square
#2C19A1 #A1194A #8EA119 #19A170
split-complementary
#2C19A1 #A17019 #4AA119
monochromatic
#0F0937 #1E116C #2C19A1 #3A21D6 #6550E4
إمكانية الوصول والتباين
On white
11.93
#2C19A1 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.76
#2C19A1 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2C19A1
11.93:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2C19A1 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2C19A1 | 1.00 | 11.93 | 1.76 | 11.93 |
| #FFFFFF | 11.93 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.76 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.93 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#003CA5
Deuteranopia (green-blind)
#00319F
Tritanopia (blue-blind)
#00455F
Achromatopsia (no color)
#373737
وسوم التصميم والكود
CSS
--color: #2c19a1; /* rgb */ color: rgb(44, 25, 161); /* oklch */ color: oklch(35.8% 0.199 275.8);
Tailwind
colors: {
custom: {
50: '#795bbe',
500: '#2c19a1',
950: '#000000',
},
}SCSS
$custom: #2c19a1; $custom-light: #795bbe; $custom-dark: #000000;
JSON
{
"hex": "#2c19a1",
"rgb": {
"r": 44,
"g": 25,
"b": 161
},
"hsl": {
"h": 248.382,
"s": 73.118,
"l": 36.471
},
"oklch": {
"l": 0.35846,
"c": 0.19892,
"h": 275.8
},
"luminance": 0.03804
}Semantic roles & 50–950 ramp
primary
#2C19A1
secondary
#B6C64F
accent
#F038D6
background
#F8F5FB
surface
#EFE9F7
border
#CAC5D0
text
#0B0412
muted
#7C7981