#D23EFF#D23EFF
#D23EFF لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.244؛ OKLCH L 66.1% C 0.277 H 316.8°. أفضل لون لنص المتن هو #000000 بتباين 5.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D23EFF |
|---|---|
| RGB | rgb(210, 62, 255) |
| HSL | hsl(286, 100%, 62%) |
| HSV | hsv(286, 76%, 100%) |
| CMYK | cmyk(17.6%, 75.7%, 0%, 0%) |
| CIE-LAB | lab(56.46, 81.24, -67.42) |
| CIE-LCH | lch(56.46, 105.58, 320.31°) |
| OKLab | oklab(66.09% 0.2021 -0.1899) |
| OKLCH | oklch(66.09% 0.277 316.8) |
| XYZ | xyz(46.3482, 24.3689, 96.8506) |
| Luminance | 0.2437 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Heliotrope
#D94FF5
ΔE00 3.32
Bright Lilac
#C95EFB
ΔE00 4.28
Bright Lavender
#C760FF
ΔE00 4.71
Hot Purple
#CB00F5
ΔE00 5.49
Purple Pink
#D725DE
ΔE00 5.52
Pinkish Purple
#D648D7
ΔE00 6.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D23EFF #6BFF3E
analogous
#713EFF #D23EFF #FF3ECC
triadic
#D23EFF #FFD23E #3EFFD2
tetradic
#D23EFF #FF713E #6BFF3E #3ECCFF
square
#D23EFF #FF713E #6BFF3E #3ECCFF
split-complementary
#D23EFF #CCFF3E #3EFF71
monochromatic
#9500C3 #C401FF #D23EFF #E07BFF #EFB8FF
إمكانية الوصول والتباين
On white
3.58
#D23EFF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.87
#D23EFF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D23EFF
5.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D23EFF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D23EFF | 1.00 | 3.58 | 5.87 | 5.87 |
| #FFFFFF | 3.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.87 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#007FFF
Deuteranopia (green-blind)
#3F8CFB
Tritanopia (blue-blind)
#CF699E
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #d23eff; /* rgb */ color: rgb(210, 62, 255); /* oklch */ color: oklch(66.1% 0.277 316.8);
Tailwind
colors: {
custom: {
50: '#e583ff',
500: '#d23eff',
950: '#000000',
},
}SCSS
$custom: #d23eff; $custom-light: #e583ff; $custom-dark: #000000;
JSON
{
"hex": "#d23eff",
"rgb": {
"r": 210,
"g": 62,
"b": 255
},
"hsl": {
"h": 286.01,
"s": 100,
"l": 62.157
},
"oklch": {
"l": 0.66088,
"c": 0.27731,
"h": 316.8
},
"luminance": 0.24367
}Semantic roles & 50–950 ramp
primary
#D23EFF
secondary
#B9F0A9
accent
#E60036
background
#FEF8FF
surface
#FDF0FF
border
#D5CBD7
text
#160C18
muted
#847D86