#2F178B#2F178B
#2F178B لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.031؛ OKLCH L 33.3% C 0.174 H 280.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2F178B |
|---|---|
| RGB | rgb(47, 23, 139) |
| HSL | hsl(252, 72%, 32%) |
| HSV | hsv(252, 83%, 55%) |
| CMYK | cmyk(66.2%, 83.5%, 0%, 45.5%) |
| CIE-LAB | lab(20.36, 43.85, -59.27) |
| CIE-LCH | lch(20.36, 73.73, 306.50°) |
| OKLab | oklab(33.33% 0.0326 -0.171) |
| OKLCH | oklch(33.33% 0.174 280.8) |
| XYZ | xyz(6.1374, 3.0807, 24.6923) |
| Luminance | 0.0308 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Royal
#0C1793
ΔE00 2.99
Indigo (survey)
#380282
ΔE00 3.47
Darkblue
#00008B
ΔE00 4.57
Cobalt Blue
#030AA7
ΔE00 4.60
Royal Blue (survey)
#0504AA
ΔE00 4.99
Midnight Blue
#191970
ΔE00 5.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2F178B #738B17
analogous
#17398B #2F178B #69178B
triadic
#2F178B #8B2F17 #178B2F
tetradic
#2F178B #8B1739 #738B17 #178B69
square
#2F178B #8B1739 #738B17 #178B69
split-complementary
#2F178B #8B6917 #398B17
monochromatic
#0B0622 #1D0E56 #2F178B #4120C0 #5F3DDF
إمكانية الوصول والتباين
On white
12.99
#2F178B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.62
#2F178B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2F178B
12.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2F178B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2F178B | 1.00 | 12.99 | 1.62 | 12.99 |
| #FFFFFF | 12.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.62 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.99 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#00358E
Deuteranopia (green-blind)
#002D89
Tritanopia (blue-blind)
#003B52
Achromatopsia (no color)
#313131
وسوم التصميم والكود
CSS
--color: #2f178b; /* rgb */ color: rgb(47, 23, 139); /* oklch */ color: oklch(33.3% 0.174 280.8);
Tailwind
colors: {
custom: {
50: '#7659ae',
500: '#2f178b',
950: '#000000',
},
}SCSS
$custom: #2f178b; $custom-light: #7659ae; $custom-dark: #000000;
JSON
{
"hex": "#2f178b",
"rgb": {
"r": 47,
"g": 23,
"b": 139
},
"hsl": {
"h": 252.414,
"s": 71.605,
"l": 31.765
},
"oklch": {
"l": 0.33332,
"c": 0.17413,
"h": 280.8
},
"luminance": 0.03081
}Semantic roles & 50–950 ramp
primary
#2F178B
secondary
#A4BF3F
accent
#EE39C9
background
#F7F5FA
surface
#EEE9F5
border
#C9C5CF
text
#0A0410
muted
#7C797F