#DB75F0#DB75F0
#DB75F0 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.341؛ OKLCH L 72.3% C 0.198 H 320.6°. أفضل لون لنص المتن هو #000000 بتباين 7.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DB75F0 |
|---|---|
| RGB | rgb(219, 117, 240) |
| HSL | hsl(290, 80%, 70%) |
| HSV | hsv(290, 51%, 94%) |
| CMYK | cmyk(8.8%, 51.3%, 0%, 5.9%) |
| CIE-LAB | lab(65.02, 57.86, -45.39) |
| CIE-LCH | lch(65.02, 73.54, 321.89°) |
| OKLab | oklab(72.26% 0.1529 -0.1258) |
| OKLCH | oklch(72.26% 0.198 320.6) |
| XYZ | xyz(51.3010, 34.0761, 86.2962) |
| Luminance | 0.3407 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Orchid
#DA70D6
ΔE00 4.43
Purply Pink
#F075E6
ΔE00 4.72
Violet (CSS)
#EE82EE
ΔE00 4.91
Light Magenta
#FA5FF7
ΔE00 5.12
Violet Pink
#FB5FFC
ΔE00 5.16
Light Purple
#BF77F6
ΔE00 5.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DB75F0 #8AF075
analogous
#9D75F0 #DB75F0 #F075C8
triadic
#DB75F0 #F0DB75 #75F0DB
tetradic
#DB75F0 #F09D75 #8AF075 #75C8F0
square
#DB75F0 #F09D75 #8AF075 #75C8F0
split-complementary
#DB75F0 #C8F075 #75F09D
monochromatic
#B317D4 #CD3EEA #DB75F0 #E9ACF6 #F8E3FC
إمكانية الوصول والتباين
On white
2.69
#DB75F0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.81
#DB75F0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DB75F0
7.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DB75F0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DB75F0 | 1.00 | 2.69 | 7.81 | 7.81 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.81 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6097F4
Deuteranopia (green-blind)
#80A2ED
Tritanopia (blue-blind)
#DD86A8
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #db75f0; /* rgb */ color: rgb(219, 117, 240); /* oklch */ color: oklch(72.3% 0.198 320.6);
Tailwind
colors: {
custom: {
50: '#e8a0f5',
500: '#db75f0',
950: '#000000',
},
}SCSS
$custom: #db75f0; $custom-light: #e8a0f5; $custom-dark: #000000;
JSON
{
"hex": "#db75f0",
"rgb": {
"r": 219,
"g": 117,
"b": 240
},
"hsl": {
"h": 289.756,
"s": 80.392,
"l": 70
},
"oklch": {
"l": 0.72262,
"c": 0.198,
"h": 320.6
},
"luminance": 0.34074
}Semantic roles & 50–950 ramp
primary
#DB75F0
secondary
#D5F2CF
accent
#DD092D
background
#FEFAFF
surface
#FDF4FE
border
#D5CED6
text
#160F17
muted
#847F85