#DE6799#DE6799
#DE6799 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.275؛ OKLCH L 67.1% C 0.157 H 355.8°. أفضل لون لنص المتن هو #000000 بتباين 6.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DE6799 |
|---|---|
| RGB | rgb(222, 103, 153) |
| HSL | hsl(335, 64%, 64%) |
| HSV | hsv(335, 54%, 87%) |
| CMYK | cmyk(0%, 53.6%, 31.1%, 12.9%) |
| CIE-LAB | lab(59.47, 51.67, -4.64) |
| CIE-LCH | lch(59.47, 51.87, 354.87°) |
| OKLab | oklab(67.11% 0.1569 -0.0115) |
| OKLCH | oklch(67.11% 0.157 355.8) |
| XYZ | xyz(40.7260, 27.5339, 33.3005) |
| Luminance | 0.2753 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Palevioletred
#DB7093
ΔE00 3.27
Medium Pink
#F36196
ΔE00 3.96
Blush
#DE5D83
ΔE00 5.08
Pale Magenta
#D767AD
ΔE00 5.56
Muted Pink
#D1768F
ΔE00 5.65
Bubble Gum Pink
#FF69AF
ΔE00 6.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DE6799 #67DEAC
analogous
#DE67D4 #DE6799 #DE7067
triadic
#DE6799 #99DE67 #6799DE
tetradic
#DE6799 #D4DE67 #67DEAC #7067DE
square
#DE6799 #D4DE67 #67DEAC #7067DE
split-complementary
#DE6799 #67DE70 #67D4DE
monochromatic
#A6245B #D33577 #DE6799 #E999BB #F4CCDC
إمكانية الوصول والتباين
On white
3.23
#DE6799 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.51
#DE6799 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DE6799
6.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DE6799 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DE6799 | 1.00 | 3.23 | 6.51 | 6.51 |
| #FFFFFF | 3.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#78829B
Deuteranopia (green-blind)
#989796
Tritanopia (blue-blind)
#ED607A
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #de6799; /* rgb */ color: rgb(222, 103, 153); /* oklch */ color: oklch(67.1% 0.157 355.8);
Tailwind
colors: {
custom: {
50: '#eb96b7',
500: '#de6799',
950: '#000000',
},
}SCSS
$custom: #de6799; $custom-light: #eb96b7; $custom-dark: #000000;
JSON
{
"hex": "#de6799",
"rgb": {
"r": 222,
"g": 103,
"b": 153
},
"hsl": {
"h": 334.79,
"s": 64.324,
"l": 63.725
},
"oklch": {
"l": 0.67107,
"c": 0.15733,
"h": 355.8
},
"luminance": 0.2753
}Semantic roles & 50–950 ramp
primary
#DE6799
secondary
#BBE5D4
accent
#CC8119
background
#FEF9FB
surface
#FDF2F6
border
#D5CCD0
text
#170E11
muted
#857E80