#D99A89#D99A89
#D99A89 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.397؛ OKLCH L 74.3% C 0.080 H 35.7°. أفضل لون لنص المتن هو #000000 بتباين 8.93:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D99A89 |
|---|---|
| RGB | rgb(217, 154, 137) |
| HSL | hsl(13, 51%, 69%) |
| HSV | hsv(13, 37%, 85%) |
| CMYK | cmyk(0%, 29%, 36.9%, 14.9%) |
| CIE-LAB | lab(69.24, 21.40, 18.33) |
| CIE-LCH | lch(69.24, 28.18, 40.58°) |
| OKLab | oklab(74.29% 0.065 0.0467) |
| OKLCH | oklch(74.29% 0.08 35.7) |
| XYZ | xyz(44.6878, 39.6719, 28.9658) |
| Luminance | 0.3967 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Tan
#D99B82
ΔE00 3.06
Darksalmon
#E9967A
ΔE00 4.84
Blush (survey)
#F29E8E
ΔE00 4.90
Light Salmon
#FEA993
ΔE00 6.96
Peachy Pink
#FF9A8A
ΔE00 7.39
Pale Salmon
#FFB19A
ΔE00 7.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D99A89 #89C8D9
analogous
#D989A0 #D99A89 #D9C289
triadic
#D99A89 #89D99A #9A89D9
tetradic
#D99A89 #A0D989 #89C8D9 #C289D9
square
#D99A89 #A0D989 #89C8D9 #C289D9
split-complementary
#D99A89 #89D9C2 #89A0D9
monochromatic
#AF5238 #CA725B #D99A89 #E8C2B7 #F7E9E6
إمكانية الوصول والتباين
On white
2.35
#D99A89 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.93
#D99A89 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D99A89
8.93:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D99A89 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D99A89 | 1.00 | 2.35 | 8.93 | 8.93 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.93 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A9A188
Deuteranopia (green-blind)
#B7AE88
Tritanopia (blue-blind)
#E79195
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #d99a89; /* rgb */ color: rgb(217, 154, 137); /* oklch */ color: oklch(74.3% 0.080 35.7);
Tailwind
colors: {
custom: {
50: '#e6b8ab',
500: '#d99a89',
950: '#000000',
},
}SCSS
$custom: #d99a89; $custom-light: #e6b8ab; $custom-dark: #000000;
JSON
{
"hex": "#d99a89",
"rgb": {
"r": 217,
"g": 154,
"b": 137
},
"hsl": {
"h": 12.75,
"s": 51.282,
"l": 69.412
},
"oklch": {
"l": 0.74287,
"c": 0.08006,
"h": 35.7
},
"luminance": 0.39669
}Semantic roles & 50–950 ramp
primary
#D99A89
secondary
#D3E6EA
accent
#9EBF27
background
#FEFBFA
surface
#FDF6F4
border
#D5D0CE
text
#161110
muted
#84807F