#683B7E#683B7E
#683B7E لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.076؛ OKLCH L 43.7% C 0.116 H 313.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #683B7E |
|---|---|
| RGB | rgb(104, 59, 126) |
| HSL | hsl(280, 36%, 36%) |
| HSV | hsv(280, 53%, 49%) |
| CMYK | cmyk(17.5%, 53.2%, 0%, 50.6%) |
| CIE-LAB | lab(33.09, 32.36, -30.21) |
| CIE-LCH | lch(33.09, 44.27, 316.97°) |
| OKLab | oklab(43.67% 0.0801 -0.0842) |
| OKLCH | oklch(43.67% 0.116 313.5) |
| XYZ | xyz(11.0382, 7.5776, 20.6158) |
| Luminance | 0.0758 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Rebeccapurple
#663399
ΔE00 6.43
Darkish Purple
#751973
ΔE00 7.70
Grape
#6C3461
ΔE00 7.80
Light Eggplant
#894585
ΔE00 7.87
Bruise
#7E4071
ΔE00 8.00
Purple (survey)
#7E1E9C
ΔE00 8.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#683B7E #517E3B
analogous
#473B7E #683B7E #7E3B73
triadic
#683B7E #7E683B #3B7E68
tetradic
#683B7E #7E473B #517E3B #3B737E
square
#683B7E #7E473B #517E3B #3B737E
split-complementary
#683B7E #737E3B #3B7E47
monochromatic
#23142B #462754 #683B7E #8A4FA8 #A675BE
إمكانية الوصول والتباين
On white
8.35
#683B7E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.52
#683B7E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #683B7E
8.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##683B7E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##683B7E | 1.00 | 8.35 | 2.52 | 8.35 |
| #FFFFFF | 8.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.52 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2B4B80
Deuteranopia (green-blind)
#394F7C
Tritanopia (blue-blind)
#664657
Achromatopsia (no color)
#4E4E4E
وسوم التصميم والكود
CSS
--color: #683b7e; /* rgb */ color: rgb(104, 59, 126); /* oklch */ color: oklch(43.7% 0.116 313.5);
Tailwind
colors: {
custom: {
50: '#9573a4',
500: '#683b7e',
950: '#000000',
},
}SCSS
$custom: #683b7e; $custom-light: #9573a4; $custom-dark: #000000;
JSON
{
"hex": "#683b7e",
"rgb": {
"r": 104,
"g": 59,
"b": 126
},
"hsl": {
"h": 280.299,
"s": 36.216,
"l": 36.275
},
"oklch": {
"l": 0.43666,
"c": 0.11624,
"h": 313.5
},
"luminance": 0.07577
}Semantic roles & 50–950 ramp
primary
#683B7E
secondary
#80A86D
accent
#CC5C81
background
#F9F7FA
surface
#F2EDF4
border
#CCC8CE
text
#0D080F
muted
#7E7B7F