#DB5FAB#DB5FAB
#DB5FAB لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.262؛ OKLCH L 66.3% C 0.176 H 345.2°. أفضل لون لنص المتن هو #000000 بتباين 6.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DB5FAB |
|---|---|
| RGB | rgb(219, 95, 171) |
| HSL | hsl(323, 63%, 62%) |
| HSV | hsv(323, 57%, 86%) |
| CMYK | cmyk(0%, 56.6%, 21.9%, 14.1%) |
| CIE-LAB | lab(58.22, 56.84, -16.97) |
| CIE-LCH | lch(58.22, 59.32, 343.37°) |
| OKLab | oklab(66.28% 0.1705 -0.0449) |
| OKLCH | oklch(66.28% 0.176 345.2) |
| XYZ | xyz(40.6575, 26.1884, 41.4337) |
| Luminance | 0.2619 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pale Magenta
#D767AD
ΔE00 1.60
Purplish Pink
#CE5DAE
ΔE00 3.18
Barbie Pink
#FE46A5
ΔE00 6.16
Purpleish Pink
#DF4EC8
ΔE00 6.67
Hot Pink
#FF69B4
ΔE00 7.23
Bubblegum (survey)
#FF6CB5
ΔE00 7.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DB5FAB #5FDB8F
analogous
#CD5FDB #DB5FAB #DB5F6D
triadic
#DB5FAB #ABDB5F #5FABDB
tetradic
#DB5FAB #DBCD5F #5FDB8F #5F6DDB
square
#DB5FAB #DBCD5F #5FDB8F #5F6DDB
split-complementary
#DB5FAB #6DDB5F #5FDBCD
monochromatic
#9C236D #CE2E90 #DB5FAB #E691C5 #F1C3DF
إمكانية الوصول والتباين
On white
3.37
#DB5FAB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.24
#DB5FAB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DB5FAB
6.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DB5FAB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DB5FAB | 1.00 | 3.37 | 6.24 | 6.24 |
| #FFFFFF | 3.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A7FAD
Deuteranopia (green-blind)
#8D94A8
Tritanopia (blue-blind)
#E85E7D
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #db5fab; /* rgb */ color: rgb(219, 95, 171); /* oklch */ color: oklch(66.3% 0.176 345.2);
Tailwind
colors: {
custom: {
50: '#e992c4',
500: '#db5fab',
950: '#000000',
},
}SCSS
$custom: #db5fab; $custom-light: #e992c4; $custom-dark: #000000;
JSON
{
"hex": "#db5fab",
"rgb": {
"r": 219,
"g": 95,
"b": 171
},
"hsl": {
"h": 323.226,
"s": 63.265,
"l": 61.569
},
"oklch": {
"l": 0.66284,
"c": 0.17627,
"h": 345.2
},
"luminance": 0.26185
}Semantic roles & 50–950 ramp
primary
#DB5FAB
secondary
#B4E2C6
accent
#CB5F1A
background
#FEF9FC
surface
#FDF2F8
border
#D5CCD1
text
#160D12
muted
#847E81