#AF635C#AF635C
#AF635C لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.188؛ OKLCH L 58.4% C 0.100 H 26.1°. أفضل لون لنص المتن هو #000000 بتباين 4.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF635C |
|---|---|
| RGB | rgb(175, 99, 92) |
| HSL | hsl(5, 34%, 52%) |
| HSV | hsv(5, 47%, 69%) |
| CMYK | cmyk(0%, 43.4%, 47.4%, 31.4%) |
| CIE-LAB | lab(50.47, 29.86, 17.43) |
| CIE-LCH | lch(50.47, 34.57, 30.28°) |
| OKLab | oklab(58.44% 0.0894 0.0438) |
| OKLCH | oklch(58.44% 0.1 26.1) |
| XYZ | xyz(24.0743, 18.8126, 12.4865) |
| Luminance | 0.1881 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dark Salmon
#C85A53
ΔE00 5.63
Pinkish Brown
#B17261
ΔE00 6.04
Indianred
#CD5C5C
ΔE00 6.35
Clay
#B66A50
ΔE00 7.24
Dusky Rose
#BA6873
ΔE00 7.33
Dark Coral
#CF524E
ΔE00 7.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF635C #5CA8AF
analogous
#AF5C7F #AF635C #AF8C5C
triadic
#AF635C #5CAF63 #635CAF
tetradic
#AF635C #7FAF5C #5CA8AF #8C5CAF
square
#AF635C #7FAF5C #5CA8AF #8C5CAF
split-complementary
#AF635C #5CAF8C #5C7FAF
monochromatic
#613430 #8A4A44 #AF635C #C38A85 #D7B2AE
إمكانية الوصول والتباين
On white
4.41
#AF635C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.76
#AF635C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AF635C
4.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF635C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF635C | 1.00 | 4.41 | 4.76 | 4.76 |
| #FFFFFF | 4.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.76 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#746F5B
Deuteranopia (green-blind)
#877E5B
Tritanopia (blue-blind)
#BD5861
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #af635c; /* rgb */ color: rgb(175, 99, 92); /* oklch */ color: oklch(58.4% 0.100 26.1);
Tailwind
colors: {
custom: {
50: '#ca908a',
500: '#af635c',
950: '#000000',
},
}SCSS
$custom: #af635c; $custom-light: #ca908a; $custom-dark: #000000;
JSON
{
"hex": "#af635c",
"rgb": {
"r": 175,
"g": 99,
"b": 92
},
"hsl": {
"h": 5.06,
"s": 34.156,
"l": 52.353
},
"oklch": {
"l": 0.58435,
"c": 0.09955,
"h": 26.1
},
"luminance": 0.1881
}Semantic roles & 50–950 ramp
primary
#AF635C
secondary
#A1C2C5
accent
#C1CA5E
background
#FCF8F8
surface
#F9F0F0
border
#D2CBCB
text
#140D0B
muted
#827D7C