#B0568C#B0568C
#B0568C لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.178؛ OKLCH L 58.0% C 0.134 H 345.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B0568C |
|---|---|
| RGB | rgb(176, 86, 140) |
| HSL | hsl(324, 36%, 51%) |
| HSV | hsv(324, 51%, 69%) |
| CMYK | cmyk(0%, 51.1%, 20.5%, 31%) |
| CIE-LAB | lab(49.23, 43.27, -12.98) |
| CIE-LCH | lch(49.23, 45.18, 343.30°) |
| OKLab | oklab(57.97% 0.1291 -0.0343) |
| OKLCH | oklch(57.97% 0.134 345.1) |
| XYZ | xyz(25.9665, 17.7812, 26.8704) |
| Luminance | 0.1778 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 4.07
Purpleish
#98568D
ΔE00 5.69
Purplish
#94568C
ΔE00 6.54
Purplish Pink
#CE5DAE
ΔE00 8.19
Dusky Purple
#895B7B
ΔE00 8.90
Mediumvioletred
#C71585
ΔE00 8.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B0568C #56B07A
analogous
#A756B0 #B0568C #B0565F
triadic
#B0568C #8CB056 #568CB0
tetradic
#B0568C #B0A756 #56B07A #565FB0
square
#B0568C #B0A756 #56B07A #565FB0
split-complementary
#B0568C #5FB056 #56B0A7
monochromatic
#5F2C4B #89406C #B0568C #C380A8 #D7A9C5
إمكانية الوصول والتباين
On white
4.61
#B0568C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.56
#B0568C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #B0568C
4.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B0568C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B0568C | 1.00 | 4.61 | 4.56 | 4.61 |
| #FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D6C8E
Deuteranopia (green-blind)
#767B8A
Tritanopia (blue-blind)
#BA556B
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #b0568c; /* rgb */ color: rgb(176, 86, 140); /* oklch */ color: oklch(58.0% 0.134 345.1);
Tailwind
colors: {
custom: {
50: '#ca89ad',
500: '#b0568c',
950: '#000000',
},
}SCSS
$custom: #b0568c; $custom-light: #ca89ad; $custom-dark: #000000;
JSON
{
"hex": "#b0568c",
"rgb": {
"r": 176,
"g": 86,
"b": 140
},
"hsl": {
"h": 324,
"s": 36.29,
"l": 51.373
},
"oklch": {
"l": 0.57971,
"c": 0.13363,
"h": 345.1
},
"luminance": 0.17779
}Semantic roles & 50–950 ramp
primary
#B0568C
secondary
#9DC5AD
accent
#CC895C
background
#FCF8FA
surface
#F9F0F4
border
#D2CBCE
text
#130C10
muted
#827D7F