#AF75CC#AF75CC
#AF75CC لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.262؛ OKLCH L 65.5% C 0.139 H 313.7°. أفضل لون لنص المتن هو #000000 بتباين 6.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF75CC |
|---|---|
| RGB | rgb(175, 117, 204) |
| HSL | hsl(280, 46%, 63%) |
| HSV | hsv(280, 43%, 80%) |
| CMYK | cmyk(14.2%, 42.6%, 0%, 20%) |
| CIE-LAB | lab(58.22, 38.24, -36.30) |
| CIE-LCH | lch(58.22, 52.73, 316.49°) |
| OKLab | oklab(65.54% 0.096 -0.1005) |
| OKLCH | oklch(65.54% 0.139 313.7) |
| XYZ | xyz(34.9378, 26.1969, 60.3311) |
| Luminance | 0.2620 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Wisteria
#A87DC2
ΔE00 3.58
Soft Purple
#A66FB5
ΔE00 4.49
Deep Lilac
#966EBD
ΔE00 5.56
Orchid (survey)
#C875C4
ΔE00 6.17
Light Purple
#BF77F6
ΔE00 6.83
Light Urple
#B36FF6
ΔE00 7.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF75CC #92CC75
analogous
#8375CC #AF75CC #CC75BD
triadic
#AF75CC #CCAF75 #75CCAF
tetradic
#AF75CC #CC8375 #92CC75 #75BDCC
square
#AF75CC #CC8375 #92CC75 #75BDCC
split-complementary
#AF75CC #BDCC75 #75CC83
monochromatic
#733691 #9548BB #AF75CC #C9A2DD #E3CEED
إمكانية الوصول والتباين
On white
3.37
#AF75CC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.24
#AF75CC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AF75CC
6.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF75CC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF75CC | 1.00 | 3.37 | 6.24 | 6.24 |
| #FFFFFF | 3.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6589CF
Deuteranopia (green-blind)
#738DCA
Tritanopia (blue-blind)
#AD8197
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #af75cc; /* rgb */ color: rgb(175, 117, 204); /* oklch */ color: oklch(65.5% 0.139 313.7);
Tailwind
colors: {
custom: {
50: '#c89edc',
500: '#af75cc',
950: '#000000',
},
}SCSS
$custom: #af75cc; $custom-light: #c89edc; $custom-dark: #000000;
JSON
{
"hex": "#af75cc",
"rgb": {
"r": 175,
"g": 117,
"b": 204
},
"hsl": {
"h": 280,
"s": 46.032,
"l": 62.941
},
"oklch": {
"l": 0.65542,
"c": 0.139,
"h": 313.7
},
"luminance": 0.26196
}Semantic roles & 50–950 ramp
primary
#AF75CC
secondary
#C9DEBF
accent
#B92C5B
background
#FCF9FD
surface
#F8F2FB
border
#D1CCD4
text
#130E15
muted
#827E83