#AE949B#AE949B
#AE949B لون فاتح وخافت من عائلة زهري. الإضاءة النسبية 0.325؛ OKLCH L 69.2% C 0.032 H 359.9°. أفضل لون لنص المتن هو #000000 بتباين 7.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AE949B |
|---|---|
| RGB | rgb(174, 148, 155) |
| HSL | hsl(344, 14%, 63%) |
| HSV | hsv(344, 15%, 68%) |
| CMYK | cmyk(0%, 14.9%, 10.9%, 31.8%) |
| CIE-LAB | lab(63.79, 10.87, -0.08) |
| CIE-LCH | lch(63.79, 10.87, 359.59°) |
| OKLab | oklab(69.2% 0.0325 0) |
| OKLCH | oklch(69.2% 0.032 359.9) |
| XYZ | xyz(33.9615, 32.5459, 35.4970) |
| Luminance | 0.3255 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Rosybrown
#BC8F8F
ΔE00 6.38
Light Mauve
#C292A1
ΔE00 6.88
Grey Pink
#C3909B
ΔE00 7.18
Pinkish Grey
#C8ACA9
ΔE00 8.30
Greyish Pink
#C88D94
ΔE00 8.91
Purpley Grey
#947E94
ΔE00 9.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AE949B #94AEA7
analogous
#AE94A8 #AE949B #AE9A94
triadic
#AE949B #9BAE94 #949BAE
tetradic
#AE949B #A8AE94 #94AEA7 #9A94AE
square
#AE949B #A8AE94 #94AEA7 #9A94AE
split-complementary
#AE949B #94AE9A #94A8AE
monochromatic
#72565D #94717A #AE949B #C8B7BC #E3DADC
إمكانية الوصول والتباين
On white
2.80
#AE949B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.51
#AE949B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AE949B
7.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AE949B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AE949B | 1.00 | 2.80 | 7.51 | 7.51 |
| #FFFFFF | 2.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#97989B
Deuteranopia (green-blind)
#9D9C9A
Tritanopia (blue-blind)
#B39396
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #ae949b; /* rgb */ color: rgb(174, 148, 155); /* oklch */ color: oklch(69.2% 0.032 359.9);
Tailwind
colors: {
custom: {
50: '#c6b3b8',
500: '#ae949b',
950: '#000000',
},
}SCSS
$custom: #ae949b; $custom-light: #c6b3b8; $custom-dark: #000000;
JSON
{
"hex": "#ae949b",
"rgb": {
"r": 174,
"g": 148,
"b": 155
},
"hsl": {
"h": 343.846,
"s": 13.83,
"l": 63.137
},
"oklch": {
"l": 0.692,
"c": 0.03245,
"h": 359.9
},
"luminance": 0.32545
}Semantic roles & 50–950 ramp
primary
#AE949B
secondary
#CAD4D1
accent
#98844E
background
#FCFBFB
surface
#F8F6F6
border
#D1D0D0
text
#131111
muted
#828080