#DF8E88#DF8E88
#DF8E88 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.368؛ OKLCH L 72.8% C 0.100 H 24.4°. أفضل لون لنص المتن هو #000000 بتباين 8.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DF8E88 |
|---|---|
| RGB | rgb(223, 142, 136) |
| HSL | hsl(4, 58%, 70%) |
| HSV | hsv(4, 39%, 87%) |
| CMYK | cmyk(0%, 36.3%, 39%, 12.5%) |
| CIE-LAB | lab(67.14, 30.04, 16.09) |
| CIE-LCH | lch(67.14, 34.08, 28.17°) |
| OKLab | oklab(72.81% 0.0908 0.0412) |
| OKLCH | oklch(72.81% 0.1 24.4) |
| XYZ | xyz(44.5503, 36.8150, 28.0474) |
| Luminance | 0.3681 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Lightcoral
#F08080
ΔE00 4.97
Blush (survey)
#F29E8E
ΔE00 5.75
Dusty Pink (survey)
#D58A94
ΔE00 6.30
Brownish Pink
#C27E79
ΔE00 6.59
Peachy Pink
#FF9A8A
ΔE00 6.73
Salmon
#FA8072
ΔE00 6.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DF8E88 #88D9DF
analogous
#DF88AD #DF8E88 #DFB988
triadic
#DF8E88 #88DF8E #8E88DF
tetradic
#DF8E88 #ADDF88 #88D9DF #B988DF
square
#DF8E88 #ADDF88 #88D9DF #B988DF
split-complementary
#DF8E88 #88DFB9 #88ADDF
monochromatic
#BA3C32 #D26058 #DF8E88 #ECBCB8 #F9E8E7
إمكانية الوصول والتباين
On white
2.51
#DF8E88 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.36
#DF8E88 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DF8E88
8.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DF8E88 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DF8E88 | 1.00 | 2.51 | 8.36 | 8.36 |
| #FFFFFF | 2.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9F9A87
Deuteranopia (green-blind)
#B2AA87
Tritanopia (blue-blind)
#EF848D
Achromatopsia (no color)
#A3A3A3
وسوم التصميم والكود
CSS
--color: #df8e88; /* rgb */ color: rgb(223, 142, 136); /* oklch */ color: oklch(72.8% 0.100 24.4);
Tailwind
colors: {
custom: {
50: '#ebb0aa',
500: '#df8e88',
950: '#000000',
},
}SCSS
$custom: #df8e88; $custom-light: #ebb0aa; $custom-dark: #000000;
JSON
{
"hex": "#df8e88",
"rgb": {
"r": 223,
"g": 142,
"b": 136
},
"hsl": {
"h": 4.138,
"s": 57.616,
"l": 70.392
},
"oklch": {
"l": 0.72813,
"c": 0.09972,
"h": 24.4
},
"luminance": 0.36812
}Semantic roles & 50–950 ramp
primary
#DF8E88
secondary
#D5ECED
accent
#BAC520
background
#FEFAFA
surface
#FDF5F4
border
#D5CFCE
text
#171010
muted
#857F7F