#DDA797#DDA797
#DDA797 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.452؛ OKLCH L 77.4% C 0.068 H 37.1°. أفضل لون لنص المتن هو #000000 بتباين 10.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DDA797 |
|---|---|
| RGB | rgb(221, 167, 151) |
| HSL | hsl(14, 51%, 73%) |
| HSV | hsv(14, 32%, 87%) |
| CMYK | cmyk(0%, 24.4%, 31.7%, 13.3%) |
| CIE-LAB | lab(73.05, 17.68, 16.00) |
| CIE-LCH | lch(73.05, 23.84, 42.15°) |
| OKLab | oklab(77.44% 0.0543 0.0411) |
| OKLCH | oklch(77.44% 0.068 37.1) |
| XYZ | xyz(49.2246, 45.2466, 35.4128) |
| Luminance | 0.4524 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Tan
#D99B82
ΔE00 4.52
Blush (survey)
#F29E8E
ΔE00 5.99
Pale Salmon
#FFB19A
ΔE00 6.43
Light Salmon
#FEA993
ΔE00 6.59
Darksalmon
#E9967A
ΔE00 7.01
Pinkish Grey
#C8ACA9
ΔE00 8.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DDA797 #97CDDD
analogous
#DD97AA #DDA797 #DDCA97
triadic
#DDA797 #97DDA7 #A797DD
tetradic
#DDA797 #AADD97 #97CDDD #CA97DD
square
#DDA797 #AADD97 #97CDDD #CA97DD
split-complementary
#DDA797 #97DDCA #97AADD
monochromatic
#BC5A3D #CE8069 #DDA797 #ECCEC5 #F7EBE8
إمكانية الوصول والتباين
On white
2.09
#DDA797 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.05
#DDA797 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DDA797
10.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DDA797 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DDA797 | 1.00 | 2.09 | 10.05 | 10.05 |
| #FFFFFF | 2.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3AD96
Deuteranopia (green-blind)
#C0B897
Tritanopia (blue-blind)
#EA9FA3
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #dda797; /* rgb */ color: rgb(221, 167, 151); /* oklch */ color: oklch(77.4% 0.068 37.1);
Tailwind
colors: {
custom: {
50: '#e9c1b5',
500: '#dda797',
950: '#000000',
},
}SCSS
$custom: #dda797; $custom-light: #e9c1b5; $custom-dark: #000000;
JSON
{
"hex": "#dda797",
"rgb": {
"r": 221,
"g": 167,
"b": 151
},
"hsl": {
"h": 13.714,
"s": 50.725,
"l": 72.941
},
"oklch": {
"l": 0.77438,
"c": 0.06812,
"h": 37.1
},
"luminance": 0.45244
}Semantic roles & 50–950 ramp
primary
#DDA797
secondary
#DCEAEF
accent
#9CBE27
background
#FEFBFB
surface
#FDF7F6
border
#D5D0D0
text
#161211
muted
#848180