#D4AAAB#D4AAAB
#D4AAAB لون فاتح وخافت من عائلة أحمر. الإضاءة النسبية 0.457؛ OKLCH L 77.6% C 0.049 H 16.7°. أفضل لون لنص المتن هو #000000 بتباين 10.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D4AAAB |
|---|---|
| RGB | rgb(212, 170, 171) |
| HSL | hsl(359, 33%, 75%) |
| HSV | hsv(359, 20%, 83%) |
| CMYK | cmyk(0%, 19.8%, 19.3%, 16.9%) |
| CIE-LAB | lab(73.34, 15.48, 5.32) |
| CIE-LCH | lch(73.34, 16.37, 18.98°) |
| OKLab | oklab(77.61% 0.0473 0.0142) |
| OKLCH | oklch(77.61% 0.049 16.7) |
| XYZ | xyz(48.8770, 45.6886, 44.7644) |
| Luminance | 0.4569 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusty Pink
#D8A7B1
ΔE00 3.82
Pinkish Grey
#C8ACA9
ΔE00 4.77
Faded Pink
#DE9DAC
ΔE00 7.11
Rosybrown
#BC8F8F
ΔE00 7.77
Grey Pink
#C3909B
ΔE00 7.99
Pale Rose
#FDC1C5
ΔE00 8.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D4AAAB #AAD4D3
analogous
#D4AAC0 #D4AAAB #D4BEAA
triadic
#D4AAAB #ABD4AA #AAABD4
tetradic
#D4AAAB #C0D4AA #AAD4D3 #BEAAD4
square
#D4AAAB #C0D4AA #AAD4D3 #BEAAD4
split-complementary
#D4AAAB #AAD4BE #AAC0D4
monochromatic
#AB595B #BF8183 #D4AAAB #E9D3D3 #F5EBEB
إمكانية الوصول والتباين
On white
2.07
#D4AAAB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.14
#D4AAAB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D4AAAB
10.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D4AAAB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D4AAAB | 1.00 | 2.07 | 10.14 | 10.14 |
| #FFFFFF | 2.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.14 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B1B0AB
Deuteranopia (green-blind)
#BBB7AA
Tritanopia (blue-blind)
#DDA6AB
Achromatopsia (no color)
#B4B4B4
وسوم التصميم والكود
CSS
--color: #d4aaab; /* rgb */ color: rgb(212, 170, 171); /* oklch */ color: oklch(77.6% 0.049 16.7);
Tailwind
colors: {
custom: {
50: '#e1c3c4',
500: '#d4aaab',
950: '#000000',
},
}SCSS
$custom: #d4aaab; $custom-light: #e1c3c4; $custom-dark: #000000;
JSON
{
"hex": "#d4aaab",
"rgb": {
"r": 212,
"g": 170,
"b": 171
},
"hsl": {
"h": 358.571,
"s": 32.813,
"l": 74.902
},
"oklch": {
"l": 0.77609,
"c": 0.04935,
"h": 16.7
},
"luminance": 0.45687
}Semantic roles & 50–950 ramp
primary
#D4AAAB
secondary
#E0EBEB
accent
#ACA93A
background
#FDFCFC
surface
#FBF8F8
border
#D4D1D1
text
#151212
muted
#838181