#B040CB#B040CB
#B040CB لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.172؛ OKLCH L 58.4% C 0.219 H 319.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B040CB |
|---|---|
| RGB | rgb(176, 64, 203) |
| HSL | hsl(288, 57%, 52%) |
| HSV | hsv(288, 68%, 80%) |
| CMYK | cmyk(13.3%, 68.5%, 0%, 20.4%) |
| CIE-LAB | lab(48.52, 64.25, -51.07) |
| CIE-LCH | lch(48.52, 82.08, 321.52°) |
| OKLab | oklab(58.43% 0.1655 -0.143) |
| OKLCH | oklch(58.43% 0.219 319.2) |
| XYZ | xyz(30.5160, 17.2101, 58.2028) |
| Luminance | 0.1721 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Mediumorchid
#BA55D3
ΔE00 5.29
Purply
#983FB2
ΔE00 5.58
Darkorchid
#9932CC
ΔE00 5.86
Barney
#AC1DB8
ΔE00 5.91
Lightish Purple
#A552E6
ΔE00 5.98
Vibrant Purple
#AD03DE
ΔE00 6.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B040CB #5BCB40
analogous
#6A40CB #B040CB #CB40A1
triadic
#B040CB #CBB040 #40CBB0
tetradic
#B040CB #CB6A40 #5BCB40 #40A1CB
square
#B040CB #CB6A40 #5BCB40 #40A1CB
split-complementary
#B040CB #A1CB40 #40CB6A
monochromatic
#621F72 #8B2CA2 #B040CB #C470D8 #D8A0E5
إمكانية الوصول والتباين
On white
4.73
#B040CB on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.44
#B040CB on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #B040CB
4.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B040CB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B040CB | 1.00 | 4.73 | 4.44 | 4.73 |
| #FFFFFF | 4.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.44 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#006CCF
Deuteranopia (green-blind)
#4977C8
Tritanopia (blue-blind)
#B05A81
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #b040cb; /* rgb */ color: rgb(176, 64, 203); /* oklch */ color: oklch(58.4% 0.219 319.2);
Tailwind
colors: {
custom: {
50: '#cb7edb',
500: '#b040cb',
950: '#000000',
},
}SCSS
$custom: #b040cb; $custom-light: #cb7edb; $custom-dark: #000000;
JSON
{
"hex": "#b040cb",
"rgb": {
"r": 176,
"g": 64,
"b": 203
},
"hsl": {
"h": 288.345,
"s": 57.202,
"l": 52.353
},
"oklch": {
"l": 0.58427,
"c": 0.21878,
"h": 319.2
},
"luminance": 0.17209
}Semantic roles & 50–950 ramp
primary
#B040CB
secondary
#A1D295
accent
#E04765
background
#FCF8FD
surface
#F9EFFB
border
#D2CAD4
text
#140B15
muted
#827C83