#D267AA#D267AA
#D267AA لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.263؛ OKLCH L 66.1% C 0.155 H 343.8°. أفضل لون لنص المتن هو #000000 بتباين 6.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D267AA |
|---|---|
| RGB | rgb(210, 103, 170) |
| HSL | hsl(322, 54%, 61%) |
| HSV | hsv(322, 51%, 82%) |
| CMYK | cmyk(0%, 51%, 19%, 17.6%) |
| CIE-LAB | lab(58.33, 50.16, -16.35) |
| CIE-LCH | lch(58.33, 52.76, 341.95°) |
| OKLab | oklab(66.1% 0.1493 -0.0434) |
| OKLCH | oklch(66.1% 0.155 343.8) |
| XYZ | xyz(38.6851, 26.3075, 41.0628) |
| Luminance | 0.2630 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pale Magenta
#D767AD
ΔE00 0.94
Purplish Pink
#CE5DAE
ΔE00 3.21
Orchid (survey)
#C875C4
ΔE00 6.50
Purpleish Pink
#DF4EC8
ΔE00 7.57
Barbie Pink
#FE46A5
ΔE00 7.81
Hot Pink
#FF69B4
ΔE00 8.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D267AA #67D28F
analogous
#C567D2 #D267AA #D26775
triadic
#D267AA #AAD267 #67AAD2
tetradic
#D267AA #D2C567 #67D28F #6775D2
square
#D267AA #D2C567 #67D28F #6775D2
split-complementary
#D267AA #75D267 #67D2C5
monochromatic
#932C6C #C23A8F #D267AA #E096C4 #EEC5DF
إمكانية الوصول والتباين
On white
3.35
#D267AA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.26
#D267AA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D267AA
6.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D267AA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D267AA | 1.00 | 3.35 | 6.26 | 6.26 |
| #FFFFFF | 3.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6F81AC
Deuteranopia (green-blind)
#8C93A7
Tritanopia (blue-blind)
#DE6781
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #d267aa; /* rgb */ color: rgb(210, 103, 170); /* oklch */ color: oklch(66.1% 0.155 343.8);
Tailwind
colors: {
custom: {
50: '#e296c3',
500: '#d267aa',
950: '#000000',
},
}SCSS
$custom: #d267aa; $custom-light: #e296c3; $custom-dark: #000000;
JSON
{
"hex": "#d267aa",
"rgb": {
"r": 210,
"g": 103,
"b": 170
},
"hsl": {
"h": 322.43,
"s": 54.315,
"l": 61.373
},
"oklch": {
"l": 0.66096,
"c": 0.15548,
"h": 343.8
},
"luminance": 0.26304
}Semantic roles & 50–950 ramp
primary
#D267AA
secondary
#B6DEC5
accent
#C25F24
background
#FEF9FC
surface
#FCF2F8
border
#D5CCD1
text
#160E12
muted
#847E81