#DD5877#DD5877
#DD5877 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.237؛ OKLCH L 64.0% C 0.168 H 8.8°. أفضل لون لنص المتن هو #000000 بتباين 5.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DD5877 |
|---|---|
| RGB | rgb(221, 88, 119) |
| HSL | hsl(346, 66%, 61%) |
| HSV | hsv(346, 60%, 87%) |
| CMYK | cmyk(0%, 60.2%, 46.2%, 13.3%) |
| CIE-LAB | lab(55.77, 54.53, 9.89) |
| CIE-LCH | lch(55.77, 55.42, 10.28°) |
| OKLab | oklab(64.01% 0.1656 0.0257) |
| OKLCH | oklch(64.01% 0.168 8.8) |
| XYZ | xyz(36.6410, 23.6879, 20.0918) |
| Luminance | 0.2368 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush
#DE5D83
ΔE00 2.85
Rose (survey)
#CF6275
ΔE00 3.12
Pinkish
#D46A7E
ΔE00 3.90
Warm Pink
#FB5581
ΔE00 5.21
Darkish Pink
#DA467D
ΔE00 5.42
Strawberry
#FC5A8D
ΔE00 6.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DD5877 #58DDBE
analogous
#DD58B9 #DD5877 #DD7B58
triadic
#DD5877 #77DD58 #5877DD
tetradic
#DD5877 #B9DD58 #58DDBE #7B58DD
square
#DD5877 #B9DD58 #58DDBE #7B58DD
split-complementary
#DD5877 #58DD7B #58B9DD
monochromatic
#9B203C #CE2A50 #DD5877 #E78BA0 #F2BECA
إمكانية الوصول والتباين
On white
3.66
#DD5877 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.74
#DD5877 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DD5877
5.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DD5877 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DD5877 | 1.00 | 3.66 | 5.74 | 5.74 |
| #FFFFFF | 3.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#747578
Deuteranopia (green-blind)
#979074
Tritanopia (blue-blind)
#F04664
Achromatopsia (no color)
#868686
وسوم التصميم والكود
CSS
--color: #dd5877; /* rgb */ color: rgb(221, 88, 119); /* oklch */ color: oklch(64.0% 0.168 8.8);
Tailwind
colors: {
custom: {
50: '#ed8d9e',
500: '#dd5877',
950: '#000000',
},
}SCSS
$custom: #dd5877; $custom-light: #ed8d9e; $custom-dark: #000000;
JSON
{
"hex": "#dd5877",
"rgb": {
"r": 221,
"g": 88,
"b": 119
},
"hsl": {
"h": 346.015,
"s": 66.169,
"l": 60.588
},
"oklch": {
"l": 0.64011,
"c": 0.16762,
"h": 8.8
},
"luminance": 0.23684
}Semantic roles & 50–950 ramp
primary
#DD5877
secondary
#AFE2D6
accent
#CEA317
background
#FFF8F9
surface
#FEF0F2
border
#D6CBCC
text
#170D0E
muted
#857D7E