#B0397D#B0397D
#B0397D لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.136؛ OKLCH L 53.7% C 0.169 H 349.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B0397D |
|---|---|
| RGB | rgb(176, 57, 125) |
| HSL | hsl(326, 51%, 46%) |
| HSV | hsv(326, 68%, 69%) |
| CMYK | cmyk(0%, 67.6%, 29%, 31%) |
| CIE-LAB | lab(43.71, 54.52, -12.26) |
| CIE-LCH | lch(43.71, 55.88, 347.32°) |
| OKLab | oklab(53.7% 0.1658 -0.0321) |
| OKLCH | oklch(53.7% 0.169 349) |
| XYZ | xyz(23.0704, 13.6395, 20.8158) |
| Luminance | 0.1364 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 4.42
Magenta (survey)
#C20078
ΔE00 4.65
Light Plum
#9D5783
ΔE00 7.13
Red Violet
#9E0168
ΔE00 8.16
Purpleish
#98568D
ΔE00 8.24
Ugly Purple
#A442A0
ΔE00 8.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B0397D #39B06C
analogous
#A739B0 #B0397D #B03942
triadic
#B0397D #7DB039 #397DB0
tetradic
#B0397D #B0A739 #39B06C #3942B0
square
#B0397D #B0A739 #39B06C #3942B0
split-complementary
#B0397D #42B039 #39B0A7
monochromatic
#541B3B #822A5C #B0397D #CA5C9B #D98AB7
إمكانية الوصول والتباين
On white
5.63
#B0397D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.73
#B0397D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #B0397D
5.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B0397D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B0397D | 1.00 | 5.63 | 3.73 | 5.63 |
| #FFFFFF | 5.63 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.73 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.63 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#495A7F
Deuteranopia (green-blind)
#6B6F7A
Tritanopia (blue-blind)
#BC3456
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #b0397d; /* rgb */ color: rgb(176, 57, 125); /* oklch */ color: oklch(53.7% 0.169 349.0);
Tailwind
colors: {
custom: {
50: '#cb78a2',
500: '#b0397d',
950: '#000000',
},
}SCSS
$custom: #b0397d; $custom-light: #cb78a2; $custom-dark: #000000;
JSON
{
"hex": "#b0397d",
"rgb": {
"r": 176,
"g": 57,
"b": 125
},
"hsl": {
"h": 325.714,
"s": 51.073,
"l": 45.686
},
"oklch": {
"l": 0.537,
"c": 0.16883,
"h": 349
},
"luminance": 0.13637
}Semantic roles & 50–950 ramp
primary
#B0397D
secondary
#81C49E
accent
#DB8A4D
background
#FDF7FA
surface
#FAEEF3
border
#D3C9CD
text
#14090F
muted
#837B7F