#AF6375#AF6375
#AF6375 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.193؛ OKLCH L 59.1% C 0.100 H 5.4°. أفضل لون لنص المتن هو #000000 بتباين 4.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF6375 |
|---|---|
| RGB | rgb(175, 99, 117) |
| HSL | hsl(346, 32%, 54%) |
| HSV | hsv(346, 43%, 69%) |
| CMYK | cmyk(0%, 43.4%, 33.1%, 31.4%) |
| CIE-LAB | lab(51.06, 32.79, 3.43) |
| CIE-LCH | lch(51.06, 32.97, 5.98°) |
| OKLab | oklab(59.09% 0.0994 0.0094) |
| OKLCH | oklch(59.09% 0.1 5.4) |
| XYZ | xyz(25.3529, 19.3241, 19.2208) |
| Luminance | 0.1932 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusky Rose
#BA6873
ΔE00 3.92
Mauve (survey)
#AE7181
ΔE00 4.52
Dusty Rose
#C0737A
ΔE00 6.84
Rose (survey)
#CF6275
ΔE00 6.88
Deep Rose
#C74767
ΔE00 7.64
Dark Rose
#B5485D
ΔE00 7.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF6375 #63AF9D
analogous
#AF639B #AF6375 #AF7763
triadic
#AF6375 #75AF63 #6375AF
tetradic
#AF6375 #9BAF63 #63AF9D #7763AF
square
#AF6375 #9BAF63 #63AF9D #7763AF
split-complementary
#AF6375 #63AF77 #639BAF
monochromatic
#64333F #8D4858 #AF6375 #C48B99 #D8B4BD
إمكانية الوصول والتباين
On white
4.32
#AF6375 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.86
#AF6375 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AF6375
4.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF6375 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF6375 | 1.00 | 4.32 | 4.86 | 4.86 |
| #FFFFFF | 4.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6F7175
Deuteranopia (green-blind)
#827F73
Tritanopia (blue-blind)
#BB5D69
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #af6375; /* rgb */ color: rgb(175, 99, 117); /* oklch */ color: oklch(59.1% 0.100 5.4);
Tailwind
colors: {
custom: {
50: '#c9919c',
500: '#af6375',
950: '#000000',
},
}SCSS
$custom: #af6375; $custom-light: #c9919c; $custom-dark: #000000;
JSON
{
"hex": "#af6375",
"rgb": {
"r": 175,
"g": 99,
"b": 117
},
"hsl": {
"h": 345.789,
"s": 32.203,
"l": 53.725
},
"oklch": {
"l": 0.59086,
"c": 0.09988,
"h": 5.4
},
"luminance": 0.19322
}Semantic roles & 50–950 ramp
primary
#AF6375
secondary
#A7C7BF
accent
#C8B05F
background
#FCF9F9
surface
#F9F1F2
border
#D2CBCC
text
#130D0E
muted
#827E7E