#AF7D7E#AF7D7E
#AF7D7E لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.253؛ OKLCH L 64.0% C 0.062 H 17.6°. أفضل لون لنص المتن هو #000000 بتباين 6.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF7D7E |
|---|---|
| RGB | rgb(175, 125, 126) |
| HSL | hsl(359, 24%, 59%) |
| HSV | hsv(359, 29%, 69%) |
| CMYK | cmyk(0%, 28.6%, 28%, 31.4%) |
| CIE-LAB | lab(57.36, 19.56, 7.19) |
| CIE-LCH | lch(57.36, 20.84, 20.19°) |
| OKLab | oklab(63.98% 0.0596 0.0189) |
| OKLCH | oklch(63.98% 0.062 17.6) |
| XYZ | xyz(28.7793, 25.2892, 23.1000) |
| Luminance | 0.2529 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brownish Pink
#C27E79
ΔE00 5.12
Dusty Rose
#C0737A
ΔE00 5.69
Rosybrown
#BC8F8F
ΔE00 5.69
Old Rose
#C87F89
ΔE00 6.20
Dirty Pink
#CA7B80
ΔE00 6.29
Mauve (survey)
#AE7181
ΔE00 6.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF7D7E #7DAFAE
analogous
#AF7D97 #AF7D7E #AF957D
triadic
#AF7D7E #7EAF7D #7D7EAF
tetradic
#AF7D7E #97AF7D #7DAFAE #957DAF
square
#AF7D7E #97AF7D #7DAFAE #957DAF
split-complementary
#AF7D7E #7DAF95 #7D97AF
monochromatic
#6E4445 #945B5C #AF7D7E #C6A3A4 #DEC9C9
إمكانية الوصول والتباين
On white
3.47
#AF7D7E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.06
#AF7D7E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AF7D7E
6.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF7D7E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF7D7E | 1.00 | 3.47 | 6.06 | 6.06 |
| #FFFFFF | 3.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.06 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#86847E
Deuteranopia (green-blind)
#928D7D
Tritanopia (blue-blind)
#B9787E
Achromatopsia (no color)
#8A8A8A
وسوم التصميم والكود
CSS
--color: #af7d7e; /* rgb */ color: rgb(175, 125, 126); /* oklch */ color: oklch(64.0% 0.062 17.6);
Tailwind
colors: {
custom: {
50: '#c8a3a3',
500: '#af7d7e',
950: '#000000',
},
}SCSS
$custom: #af7d7e; $custom-light: #c8a3a3; $custom-dark: #000000;
JSON
{
"hex": "#af7d7e",
"rgb": {
"r": 175,
"g": 125,
"b": 126
},
"hsl": {
"h": 358.8,
"s": 23.81,
"l": 58.824
},
"oklch": {
"l": 0.63984,
"c": 0.06249,
"h": 17.6
},
"luminance": 0.25288
}Semantic roles & 50–950 ramp
primary
#AF7D7E
secondary
#BACECD
accent
#C0BE68
background
#FCFAFA
surface
#F8F3F3
border
#D1CDCD
text
#130F0F
muted
#827F7F