#BB5E88#BB5E88
#BB5E88 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.203؛ OKLCH L 60.5% C 0.129 H 353.2°. أفضل لون لنص المتن هو #000000 بتباين 5.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB5E88 |
|---|---|
| RGB | rgb(187, 94, 136) |
| HSL | hsl(333, 41%, 55%) |
| HSV | hsv(333, 50%, 73%) |
| CMYK | cmyk(0%, 49.7%, 27.3%, 26.7%) |
| CIE-LAB | lab(52.23, 42.28, -5.95) |
| CIE-LCH | lch(52.23, 42.70, 351.99°) |
| OKLab | oklab(60.5% 0.1277 -0.0152) |
| OKLCH | oklch(60.5% 0.129 353.2) |
| XYZ | xyz(28.9412, 20.3502, 25.6915) |
| Luminance | 0.2035 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Darkish Pink
#DA467D
ΔE00 7.07
Light Plum
#9D5783
ΔE00 7.33
Mauve (survey)
#AE7181
ΔE00 7.70
Blush
#DE5D83
ΔE00 8.02
Purplish Pink
#CE5DAE
ΔE00 8.48
Palevioletred
#DB7093
ΔE00 8.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB5E88 #5EBB91
analogous
#BB5EB6 #BB5E88 #BB625E
triadic
#BB5E88 #88BB5E #5E88BB
tetradic
#BB5E88 #B6BB5E #5EBB91 #625EBB
square
#BB5E88 #B6BB5E #5EBB91 #625EBB
split-complementary
#BB5E88 #5EBB62 #5EB6BB
monochromatic
#702F4C #9B416A #BB5E88 #CD89A8 #DFB4C8
إمكانية الوصول والتباين
On white
4.14
#BB5E88 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.07
#BB5E88 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BB5E88
5.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB5E88 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB5E88 | 1.00 | 4.14 | 5.07 | 5.07 |
| #FFFFFF | 4.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A7289
Deuteranopia (green-blind)
#828386
Tritanopia (blue-blind)
#C75A6E
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #bb5e88; /* rgb */ color: rgb(187, 94, 136); /* oklch */ color: oklch(60.5% 0.129 353.2);
Tailwind
colors: {
custom: {
50: '#d28eaa',
500: '#bb5e88',
950: '#000000',
},
}SCSS
$custom: #bb5e88; $custom-light: #d28eaa; $custom-dark: #000000;
JSON
{
"hex": "#bb5e88",
"rgb": {
"r": 187,
"g": 94,
"b": 136
},
"hsl": {
"h": 332.903,
"s": 40.611,
"l": 55.098
},
"oklch": {
"l": 0.60495,
"c": 0.12863,
"h": 353.2
},
"luminance": 0.20348
}Semantic roles & 50–950 ramp
primary
#BB5E88
secondary
#A7CEBC
accent
#D09A57
background
#FDF8FA
surface
#FAF0F4
border
#D3CBCE
text
#140C10
muted
#837D7F