#BB6278#BB6278
#BB6278 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.207؛ OKLCH L 60.6% C 0.116 H 5.4°. أفضل لون لنص المتن هو #000000 بتباين 5.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB6278 |
|---|---|
| RGB | rgb(187, 98, 120) |
| HSL | hsl(345, 40%, 56%) |
| HSV | hsv(345, 48%, 73%) |
| CMYK | cmyk(0%, 47.6%, 35.8%, 26.7%) |
| CIE-LAB | lab(52.57, 38.11, 4.04) |
| CIE-LCH | lch(52.57, 38.33, 6.05°) |
| OKLab | oklab(60.6% 0.1157 0.011) |
| OKLCH | oklch(60.6% 0.116 5.4) |
| XYZ | xyz(28.2527, 20.6588, 20.2652) |
| Luminance | 0.2066 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusky Rose
#BA6873
ΔE00 3.46
Rose (survey)
#CF6275
ΔE00 4.73
Mauve (survey)
#AE7181
ΔE00 5.38
Pinkish
#D46A7E
ΔE00 5.82
Dusty Rose
#C0737A
ΔE00 6.21
Deep Rose
#C74767
ΔE00 6.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB6278 #62BBA5
analogous
#BB62A4 #BB6278 #BB7862
triadic
#BB6278 #78BB62 #6278BB
tetradic
#BB6278 #A4BB62 #62BBA5 #7862BB
square
#BB6278 #A4BB62 #62BBA5 #7862BB
split-complementary
#BB6278 #62BB78 #62A4BB
monochromatic
#713141 #9C445A #BB6278 #CD8D9D #E0B7C1
إمكانية الوصول والتباين
On white
4.09
#BB6278 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.13
#BB6278 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BB6278
5.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB6278 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB6278 | 1.00 | 4.09 | 5.13 | 5.13 |
| #FFFFFF | 4.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#717379
Deuteranopia (green-blind)
#888476
Tritanopia (blue-blind)
#C95A6A
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #bb6278; /* rgb */ color: rgb(187, 98, 120); /* oklch */ color: oklch(60.6% 0.116 5.4);
Tailwind
colors: {
custom: {
50: '#d2919e',
500: '#bb6278',
950: '#000000',
},
}SCSS
$custom: #bb6278; $custom-light: #d2919e; $custom-dark: #000000;
JSON
{
"hex": "#bb6278",
"rgb": {
"r": 187,
"g": 98,
"b": 120
},
"hsl": {
"h": 345.169,
"s": 39.556,
"l": 55.882
},
"oklch": {
"l": 0.606,
"c": 0.11624,
"h": 5.4
},
"luminance": 0.20656
}Semantic roles & 50–950 ramp
primary
#BB6278
secondary
#AACFC6
accent
#CFB258
background
#FDF9F9
surface
#FAF1F2
border
#D3CBCC
text
#140D0E
muted
#837E7E