#A7204F#A7204F
#A7204F لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.098؛ OKLCH L 48.4% C 0.171 H 6.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A7204F |
|---|---|
| RGB | rgb(167, 32, 79) |
| HSL | hsl(339, 68%, 39%) |
| HSV | hsv(339, 81%, 65%) |
| CMYK | cmyk(0%, 80.8%, 52.7%, 34.5%) |
| CIE-LAB | lab(37.51, 55.77, 7.29) |
| CIE-LCH | lch(37.51, 56.25, 7.44°) |
| OKLab | oklab(48.35% 0.1703 0.0189) |
| OKLCH | oklch(48.35% 0.171 6.3) |
| XYZ | xyz(17.8658, 9.8156, 8.3495) |
| Luminance | 0.0981 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Red
#B0054B
ΔE00 2.16
Raspberry (survey)
#B00149
ΔE00 2.49
Berry
#990F4B
ΔE00 4.06
Violet Red
#A50055
ΔE00 4.22
Purple Red
#990147
ΔE00 4.43
Cranberry
#9E003A
ΔE00 5.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A7204F #20A778
analogous
#A72093 #A7204F #A73520
triadic
#A7204F #4FA720 #204FA7
tetradic
#A7204F #93A720 #20A778 #3520A7
square
#A7204F #93A720 #20A778 #3520A7
split-complementary
#A7204F #20A735 #2093A7
monochromatic
#400C1E #741637 #A7204F #D72D68 #E1618D
إمكانية الوصول والتباين
On white
7.09
#A7204F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.96
#A7204F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #A7204F
7.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A7204F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A7204F | 1.00 | 7.09 | 2.96 | 7.09 |
| #FFFFFF | 7.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.96 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#444750
Deuteranopia (green-blind)
#67624C
Tritanopia (blue-blind)
#B60035
Achromatopsia (no color)
#585858
وسوم التصميم والكود
CSS
--color: #a7204f; /* rgb */ color: rgb(167, 32, 79); /* oklch */ color: oklch(48.4% 0.171 6.3);
Tailwind
colors: {
custom: {
50: '#c76b80',
500: '#a7204f',
950: '#000000',
},
}SCSS
$custom: #a7204f; $custom-light: #c76b80; $custom-dark: #000000;
JSON
{
"hex": "#a7204f",
"rgb": {
"r": 167,
"g": 32,
"b": 79
},
"hsl": {
"h": 339.111,
"s": 67.839,
"l": 39.02
},
"oklch": {
"l": 0.48353,
"c": 0.17139,
"h": 6.3
},
"luminance": 0.09813
}Semantic roles & 50–950 ramp
primary
#A7204F
secondary
#5DC5A1
accent
#EBAE3D
background
#FDF6F7
surface
#FAECEE
border
#D3C7C9
text
#14070A
muted
#837A7C