#D34E6E#D34E6E
#D34E6E لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.204؛ OKLCH L 61.0% C 0.169 H 8.9°. أفضل لون لنص المتن هو #000000 بتباين 5.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D34E6E |
|---|---|
| RGB | rgb(211, 78, 110) |
| HSL | hsl(346, 60%, 57%) |
| HSV | hsv(346, 63%, 83%) |
| CMYK | cmyk(0%, 63%, 47.9%, 17.3%) |
| CIE-LAB | lab(52.32, 54.83, 10.12) |
| CIE-LCH | lch(52.32, 55.75, 10.46°) |
| OKLab | oklab(61.05% 0.1666 0.0262) |
| OKLCH | oklch(61.05% 0.169 8.9) |
| XYZ | xyz(32.4053, 20.4274, 16.9852) |
| Luminance | 0.2042 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Deep Rose
#C74767
ΔE00 3.30
Dark Pink
#CB416B
ΔE00 3.85
Cherry
#DE3163
ΔE00 4.11
Rose (survey)
#CF6275
ΔE00 4.31
Darkish Pink
#DA467D
ΔE00 4.63
Blush
#DE5D83
ΔE00 5.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D34E6E #4ED3B3
analogous
#D34EB1 #D34E6E #D3714E
triadic
#D34E6E #6ED34E #4E6ED3
tetradic
#D34E6E #B1D34E #4ED3B3 #714ED3
square
#D34E6E #B1D34E #4ED3B3 #714ED3
split-complementary
#D34E6E #4ED371 #4EB1D3
monochromatic
#852139 #B62D4E #D34E6E #DF7F96 #EBB0BE
إمكانية الوصول والتباين
On white
4.13
#D34E6E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.08
#D34E6E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D34E6E
5.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D34E6E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D34E6E | 1.00 | 4.13 | 5.08 | 5.08 |
| #FFFFFF | 4.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.08 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B6C6F
Deuteranopia (green-blind)
#8E876B
Tritanopia (blue-blind)
#E53A5A
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #d34e6e; /* rgb */ color: rgb(211, 78, 110); /* oklch */ color: oklch(61.0% 0.169 8.9);
Tailwind
colors: {
custom: {
50: '#e68697',
500: '#d34e6e',
950: '#000000',
},
}SCSS
$custom: #d34e6e; $custom-light: #e68697; $custom-dark: #000000;
JSON
{
"hex": "#d34e6e",
"rgb": {
"r": 211,
"g": 78,
"b": 110
},
"hsl": {
"h": 345.564,
"s": 60.181,
"l": 56.667
},
"oklch": {
"l": 0.61046,
"c": 0.16861,
"h": 8.9
},
"luminance": 0.20423
}Semantic roles & 50–950 ramp
primary
#D34E6E
secondary
#A3DACD
accent
#E3BD44
background
#FEF8F9
surface
#FDF0F2
border
#D5CBCC
text
#170C0D
muted
#857D7E