#452673#452673
#452673 لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.039؛ OKLCH L 35.3% C 0.126 H 298.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #452673 |
|---|---|
| RGB | rgb(69, 38, 115) |
| HSL | hsl(264, 50%, 30%) |
| HSV | hsv(264, 67%, 45%) |
| CMYK | cmyk(40%, 67%, 0%, 54.9%) |
| CIE-LAB | lab(23.30, 32.31, -39.16) |
| CIE-LCH | lch(23.30, 50.77, 309.53°) |
| OKLab | oklab(35.28% 0.0596 -0.1115) |
| OKLCH | oklch(35.28% 0.126 298.1) |
| XYZ | xyz(6.2411, 3.8892, 16.6382) |
| Luminance | 0.0389 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Royal Purple (survey)
#4B006E
ΔE00 6.59
Indigo
#4B0082
ΔE00 6.78
Darkslateblue
#483D8B
ΔE00 7.31
Indigo (survey)
#380282
ΔE00 7.48
Midnight Blue
#191970
ΔE00 7.49
Rebeccapurple
#663399
ΔE00 8.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#452673 #547326
analogous
#262D73 #452673 #6C2673
triadic
#452673 #734526 #267345
tetradic
#452673 #73262D #547326 #26736C
square
#452673 #73262D #547326 #26736C
split-complementary
#452673 #736C26 #2D7326
monochromatic
#0E0817 #291745 #452673 #6135A1 #7E4FC5
إمكانية الوصول والتباين
On white
11.81
#452673 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.78
#452673 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #452673
11.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##452673 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##452673 | 1.00 | 11.81 | 1.78 | 11.81 |
| #FFFFFF | 11.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.78 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.81 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#003875
Deuteranopia (green-blind)
#003771
Tritanopia (blue-blind)
#3A3749
Achromatopsia (no color)
#383838
وسوم التصميم والكود
CSS
--color: #452673; /* rgb */ color: rgb(69, 38, 115); /* oklch */ color: oklch(35.3% 0.126 298.1);
Tailwind
colors: {
custom: {
50: '#7d629c',
500: '#452673',
950: '#000000',
},
}SCSS
$custom: #452673; $custom-light: #7d629c; $custom-dark: #000000;
JSON
{
"hex": "#452673",
"rgb": {
"r": 69,
"g": 38,
"b": 115
},
"hsl": {
"h": 264.156,
"s": 50.327,
"l": 30
},
"oklch": {
"l": 0.35279,
"c": 0.12647,
"h": 298.1
},
"luminance": 0.03889
}Semantic roles & 50–950 ramp
primary
#452673
secondary
#83A64F
accent
#DA4EA2
background
#F7F5F9
surface
#EEEAF2
border
#C9C6CC
text
#0A050E
muted
#7C797E