#AF87BD#AF87BD
#AF87BD لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.301؛ OKLCH L 68.0% C 0.090 H 317.2°. أفضل لون لنص المتن هو #000000 بتباين 7.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF87BD |
|---|---|
| RGB | rgb(175, 135, 189) |
| HSL | hsl(284, 29%, 64%) |
| HSV | hsv(284, 29%, 74%) |
| CMYK | cmyk(7.4%, 28.6%, 0%, 25.9%) |
| CIE-LAB | lab(61.75, 25.02, -22.35) |
| CIE-LCH | lch(61.75, 33.55, 318.23°) |
| OKLab | oklab(68.01% 0.0656 -0.0608) |
| OKLCH | oklch(68.01% 0.09 317.2) |
| XYZ | xyz(35.5271, 30.1167, 52.0758) |
| Luminance | 0.3012 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Heather
#A484AC
ΔE00 4.11
Wisteria
#A87DC2
ΔE00 4.31
Pale Purple
#B790D4
ΔE00 4.69
Dusty Lavender
#AC86A8
ΔE00 5.57
Soft Purple
#A66FB5
ΔE00 7.36
Orchid (survey)
#C875C4
ΔE00 7.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF87BD #95BD87
analogous
#9487BD #AF87BD #BD87B0
triadic
#AF87BD #BDAF87 #87BDAF
tetradic
#AF87BD #BD9487 #95BD87 #87B0BD
square
#AF87BD #BD9487 #95BD87 #87B0BD
split-complementary
#AF87BD #B0BD87 #87BD94
monochromatic
#734882 #9560A7 #AF87BD #C9AED3 #E4D6E8
إمكانية الوصول والتباين
On white
2.99
#AF87BD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.02
#AF87BD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AF87BD
7.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF87BD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF87BD | 1.00 | 2.99 | 7.02 | 7.02 |
| #FFFFFF | 2.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8093BF
Deuteranopia (green-blind)
#8996BB
Tritanopia (blue-blind)
#AF8D9A
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #af87bd; /* rgb */ color: rgb(175, 135, 189); /* oklch */ color: oklch(68.0% 0.090 317.2);
Tailwind
colors: {
custom: {
50: '#c7aad1',
500: '#af87bd',
950: '#000000',
},
}SCSS
$custom: #af87bd; $custom-light: #c7aad1; $custom-dark: #000000;
JSON
{
"hex": "#af87bd",
"rgb": {
"r": 175,
"g": 135,
"b": 189
},
"hsl": {
"h": 284.444,
"s": 29.032,
"l": 63.529
},
"oklch": {
"l": 0.68013,
"c": 0.08951,
"h": 317.2
},
"luminance": 0.30116
}Semantic roles & 50–950 ramp
primary
#AF87BD
secondary
#CBD9C6
accent
#A83E59
background
#FCFAFC
surface
#F8F4F9
border
#D1CED2
text
#131014
muted
#827F82