#AF264D#AF264D
#AF264D لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.110؛ OKLCH L 50.2% C 0.173 H 9.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF264D |
|---|---|
| RGB | rgb(175, 38, 77) |
| HSL | hsl(343, 64%, 42%) |
| HSV | hsv(343, 78%, 69%) |
| CMYK | cmyk(0%, 78.3%, 56%, 31.4%) |
| CIE-LAB | lab(39.65, 56.12, 11.78) |
| CIE-LCH | lch(39.65, 57.34, 11.86°) |
| OKLab | oklab(50.19% 0.1703 0.0298) |
| OKLCH | oklch(50.19% 0.173 9.9) |
| XYZ | xyz(19.7138, 11.0389, 8.1124) |
| Luminance | 0.1104 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Red
#B0054B
ΔE00 2.78
Raspberry (survey)
#B00149
ΔE00 2.80
Light Burgundy
#A8415B
ΔE00 4.74
Rouge
#AB1239
ΔE00 4.91
Ruby
#CA0147
ΔE00 5.44
Rose Red
#BE013C
ΔE00 5.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF264D #26AF88
analogous
#AF2692 #AF264D #AF4426
triadic
#AF264D #4DAF26 #264DAF
tetradic
#AF264D #92AF26 #26AF88 #4426AF
square
#AF264D #92AF26 #26AF88 #4426AF
split-complementary
#AF264D #26AF44 #2692AF
monochromatic
#4A1021 #7D1B37 #AF264D #D53D68 #E07090
إمكانية الوصول والتباين
On white
6.55
#AF264D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.21
#AF264D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AF264D
6.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF264D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AF264D | 1.00 | 6.55 | 3.21 | 6.55 |
| #FFFFFF | 6.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.55 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B4C4E
Deuteranopia (green-blind)
#6E674A
Tritanopia (blue-blind)
#BF0037
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #af264d; /* rgb */ color: rgb(175, 38, 77); /* oklch */ color: oklch(50.2% 0.173 9.9);
Tailwind
colors: {
custom: {
50: '#cd6e7e',
500: '#af264d',
950: '#000000',
},
}SCSS
$custom: #af264d; $custom-light: #cd6e7e; $custom-dark: #000000;
JSON
{
"hex": "#af264d",
"rgb": {
"r": 175,
"g": 38,
"b": 77
},
"hsl": {
"h": 342.92,
"s": 64.319,
"l": 41.765
},
"oklch": {
"l": 0.50191,
"c": 0.17287,
"h": 9.9
},
"luminance": 0.11036
}Semantic roles & 50–950 ramp
primary
#AF264D
secondary
#6AC7AC
accent
#E7B840
background
#FDF7F7
surface
#FAEDEE
border
#D3C8C9
text
#150809
muted
#837B7B