#623D73#623D73
#623D73 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.072؛ OKLCH L 42.6% C 0.096 H 314.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #623D73 |
|---|---|
| RGB | rgb(98, 61, 115) |
| HSL | hsl(281, 31%, 35%) |
| HSV | hsv(281, 47%, 45%) |
| CMYK | cmyk(14.8%, 47%, 0%, 54.9%) |
| CIE-LAB | lab(32.20, 26.72, -24.78) |
| CIE-LCH | lch(32.20, 36.44, 317.16°) |
| OKLab | oklab(42.64% 0.0674 -0.0687) |
| OKLCH | oklch(42.64% 0.096 314.4) |
| XYZ | xyz(9.7998, 7.1722, 17.0845) |
| Luminance | 0.0717 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 6.45
Bruise
#7E4071
ΔE00 7.50
Light Eggplant
#894585
ΔE00 8.67
Darkish Purple
#751973
ΔE00 8.93
Rebeccapurple
#663399
ΔE00 8.97
Dirty Purple
#734A65
ΔE00 9.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#623D73 #4E733D
analogous
#473D73 #623D73 #733D69
triadic
#623D73 #73623D #3D7362
tetradic
#623D73 #73473D #4E733D #3D6973
square
#623D73 #73473D #4E733D #3D6973
split-complementary
#623D73 #69733D #3D7347
monochromatic
#1E1323 #40284B #623D73 #84529B #A175B6
إمكانية الوصول والتباين
On white
8.63
#623D73 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.43
#623D73 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #623D73
8.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##623D73 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##623D73 | 1.00 | 8.63 | 2.43 | 8.63 |
| #FFFFFF | 8.63 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.63 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#334A75
Deuteranopia (green-blind)
#3D4D71
Tritanopia (blue-blind)
#614552
Achromatopsia (no color)
#4C4C4C
وسوم التصميم والكود
CSS
--color: #623d73; /* rgb */ color: rgb(98, 61, 115); /* oklch */ color: oklch(42.6% 0.096 314.4);
Tailwind
colors: {
custom: {
50: '#90739b',
500: '#623d73',
950: '#000000',
},
}SCSS
$custom: #623d73; $custom-light: #90739b; $custom-dark: #000000;
JSON
{
"hex": "#623d73",
"rgb": {
"r": 98,
"g": 61,
"b": 115
},
"hsl": {
"h": 281.111,
"s": 30.682,
"l": 34.51
},
"oklch": {
"l": 0.42642,
"c": 0.09619,
"h": 314.4
},
"luminance": 0.07172
}Semantic roles & 50–950 ramp
primary
#623D73
secondary
#7CA06C
accent
#C76181
background
#F8F7F9
surface
#F0EDF2
border
#CBC8CC
text
#0D080E
muted
#7D7B7E