#B76FD6#B76FD6
#B76FD6 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.263؛ OKLCH L 66.0% C 0.164 H 314.9°. أفضل لون لنص المتن هو #000000 بتباين 6.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B76FD6 |
|---|---|
| RGB | rgb(183, 111, 214) |
| HSL | hsl(282, 56%, 64%) |
| HSV | hsv(282, 48%, 84%) |
| CMYK | cmyk(14.5%, 48.1%, 0%, 16.1%) |
| CIE-LAB | lab(58.31, 45.91, -41.74) |
| CIE-LCH | lch(58.31, 62.05, 317.72°) |
| OKLab | oklab(65.96% 0.1157 -0.116) |
| OKLCH | oklch(65.96% 0.164 314.9) |
| XYZ | xyz(37.3486, 26.2922, 66.7128) |
| Luminance | 0.2629 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Light Purple
#BF77F6
ΔE00 5.30
Light Urple
#B36FF6
ΔE00 5.59
Mediumorchid
#BA55D3
ΔE00 5.82
Easter Purple
#C071FE
ΔE00 6.12
Wisteria
#A87DC2
ΔE00 6.17
Soft Purple
#A66FB5
ΔE00 6.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B76FD6 #8ED66F
analogous
#836FD6 #B76FD6 #D66FC1
triadic
#B76FD6 #D6B76F #6FD6B7
tetradic
#B76FD6 #D6836F #8ED66F #6FC1D6
square
#B76FD6 #D6836F #8ED66F #6FC1D6
split-complementary
#B76FD6 #C1D66F #6FD683
monochromatic
#7C2D9E #9F3FC8 #B76FD6 #CF9FE4 #E7CEF1
إمكانية الوصول والتباين
On white
3.36
#B76FD6 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.26
#B76FD6 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B76FD6
6.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B76FD6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B76FD6 | 1.00 | 3.36 | 6.26 | 6.26 |
| #FFFFFF | 3.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5A88DA
Deuteranopia (green-blind)
#6F8ED3
Tritanopia (blue-blind)
#B57E99
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #b76fd6; /* rgb */ color: rgb(183, 111, 214); /* oklch */ color: oklch(66.0% 0.164 314.9);
Tailwind
colors: {
custom: {
50: '#ce9ae3',
500: '#b76fd6',
950: '#000000',
},
}SCSS
$custom: #b76fd6; $custom-light: #ce9ae3; $custom-dark: #000000;
JSON
{
"hex": "#b76fd6",
"rgb": {
"r": 183,
"g": 111,
"b": 214
},
"hsl": {
"h": 281.942,
"s": 55.676,
"l": 63.725
},
"oklch": {
"l": 0.65962,
"c": 0.16384,
"h": 314.9
},
"luminance": 0.26291
}Semantic roles & 50–950 ramp
primary
#B76FD6
secondary
#C9E3BE
accent
#C32253
background
#FCF9FD
surface
#F9F2FB
border
#D2CCD4
text
#140E15
muted
#827E83