#472E6E#472E6E
#472E6E لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.044؛ OKLCH L 36.5% C 0.107 H 299.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #472E6E |
|---|---|
| RGB | rgb(71, 46, 110) |
| HSL | hsl(263, 41%, 31%) |
| HSV | hsv(263, 58%, 43%) |
| CMYK | cmyk(35.5%, 58.2%, 0%, 56.9%) |
| CIE-LAB | lab(25.01, 26.53, -33.19) |
| CIE-LCH | lch(25.01, 42.49, 308.63°) |
| OKLab | oklab(36.47% 0.0521 -0.0939) |
| OKLCH | oklch(36.47% 0.107 299) |
| XYZ | xyz(6.3893, 4.4193, 15.2652) |
| Luminance | 0.0442 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Darkslateblue
#483D8B
ΔE00 6.67
Rebeccapurple
#663399
ΔE00 8.74
Royal Purple (survey)
#4B006E
ΔE00 8.94
Blueberry
#464196
ΔE00 8.96
Midnight Blue
#191970
ΔE00 9.34
Indigo
#4B0082
ΔE00 9.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#472E6E #556E2E
analogous
#2E356E #472E6E #672E6E
triadic
#472E6E #6E472E #2E6E47
tetradic
#472E6E #6E2E35 #556E2E #2E6E67
square
#472E6E #6E2E35 #556E2E #2E6E67
split-complementary
#472E6E #6E672E #356E2E
monochromatic
#0F0A18 #2B1C43 #472E6E #634099 #815CBB
إمكانية الوصول والتباين
On white
11.15
#472E6E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.88
#472E6E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #472E6E
11.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##472E6E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##472E6E | 1.00 | 11.15 | 1.88 | 11.15 |
| #FFFFFF | 11.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.88 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.15 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#133B70
Deuteranopia (green-blind)
#1B3B6D
Tritanopia (blue-blind)
#3F3B49
Achromatopsia (no color)
#3B3B3B
وسوم التصميم والكود
CSS
--color: #472e6e; /* rgb */ color: rgb(71, 46, 110); /* oklch */ color: oklch(36.5% 0.107 299.0);
Tailwind
colors: {
custom: {
50: '#7d6798',
500: '#472e6e',
950: '#000000',
},
}SCSS
$custom: #472e6e; $custom-light: #7d6798; $custom-dark: #000000;
JSON
{
"hex": "#472e6e",
"rgb": {
"r": 71,
"g": 46,
"b": 110
},
"hsl": {
"h": 263.438,
"s": 41.026,
"l": 30.588
},
"oklch": {
"l": 0.36467,
"c": 0.10739,
"h": 299
},
"luminance": 0.04419
}Semantic roles & 50–950 ramp
primary
#472E6E
secondary
#849F58
accent
#D157A1
background
#F7F6F9
surface
#EEEBF2
border
#C9C6CC
text
#0A060E
muted
#7C7A7E