#D84697#D84697
#D84697 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.212؛ OKLCH L 62.2% C 0.198 H 350.2°. أفضل لون لنص المتن هو #000000 بتباين 5.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D84697 |
|---|---|
| RGB | rgb(216, 70, 151) |
| HSL | hsl(327, 65%, 56%) |
| HSV | hsv(327, 68%, 85%) |
| CMYK | cmyk(0%, 67.6%, 30.1%, 15.3%) |
| CIE-LAB | lab(53.19, 63.87, -12.94) |
| CIE-LCH | lch(53.19, 65.17, 348.55°) |
| OKLab | oklab(62.25% 0.1946 -0.0337) |
| OKLCH | oklch(62.25% 0.198 350.2) |
| XYZ | xyz(36.0968, 21.2176, 31.4666) |
| Luminance | 0.2121 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Shocking Pink
#FE02A2
ΔE00 5.83
Neon Pink
#FE019A
ΔE00 5.86
Purplish Pink
#CE5DAE
ΔE00 5.90
Darkish Pink
#DA467D
ΔE00 6.35
Deeppink
#FF1493
ΔE00 6.44
Electric Pink
#FF0490
ΔE00 6.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D84697 #46D887
analogous
#D046D8 #D84697 #D8464E
triadic
#D84697 #97D846 #4697D8
tetradic
#D84697 #D8D046 #46D887 #464ED8
square
#D84697 #D8D046 #46D887 #464ED8
split-complementary
#D84697 #4ED846 #46D8D0
monochromatic
#871C58 #BA2778 #D84697 #E379B3 #EDABD0
إمكانية الوصول والتباين
On white
4.01
#D84697 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.24
#D84697 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D84697
5.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D84697 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D84697 | 1.00 | 4.01 | 5.24 | 5.24 |
| #FFFFFF | 4.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B6F99
Deuteranopia (green-blind)
#858994
Tritanopia (blue-blind)
#E73E68
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #d84697; /* rgb */ color: rgb(216, 70, 151); /* oklch */ color: oklch(62.2% 0.198 350.2);
Tailwind
colors: {
custom: {
50: '#e884b5',
500: '#d84697',
950: '#000000',
},
}SCSS
$custom: #d84697; $custom-light: #e884b5; $custom-dark: #000000;
JSON
{
"hex": "#d84697",
"rgb": {
"r": 216,
"g": 70,
"b": 151
},
"hsl": {
"h": 326.712,
"s": 65.179,
"l": 56.078
},
"oklch": {
"l": 0.62247,
"c": 0.1975,
"h": 350.2
},
"luminance": 0.21214
}Semantic roles & 50–950 ramp
primary
#D84697
secondary
#9FDBBA
accent
#E88B40
background
#FEF8FB
surface
#FDF0F6
border
#D5CBD0
text
#170C11
muted
#857D80