#BB6357#BB6357
#BB6357 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.202؛ OKLCH L 60.0% C 0.115 H 29.0°. أفضل لون لنص المتن هو #000000 بتباين 5.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB6357 |
|---|---|
| RGB | rgb(187, 99, 87) |
| HSL | hsl(7, 42%, 54%) |
| HSV | hsv(7, 53%, 73%) |
| CMYK | cmyk(0%, 47.1%, 53.5%, 26.7%) |
| CIE-LAB | lab(52.04, 34.10, 22.76) |
| CIE-LCH | lch(52.04, 40.99, 33.72°) |
| OKLab | oklab(59.95% 0.101 0.056) |
| OKLCH | oklch(59.95% 0.115 29) |
| XYZ | xyz(26.6776, 20.1794, 11.5051) |
| Luminance | 0.2018 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dark Salmon
#C85A53
ΔE00 3.46
Indianred
#CD5C5C
ΔE00 4.99
Dark Coral
#CF524E
ΔE00 5.37
Clay
#B66A50
ΔE00 5.54
Pinkish Brown
#B17261
ΔE00 5.66
Pale Red
#D9544D
ΔE00 6.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB6357 #57AFBB
analogous
#BB577D #BB6357 #BB9557
triadic
#BB6357 #57BB63 #6357BB
tetradic
#BB6357 #7DBB57 #57AFBB #9557BB
square
#BB6357 #7DBB57 #57AFBB #9557BB
split-complementary
#BB6357 #57BB95 #577DBB
monochromatic
#6C332C #97483D #BB6357 #CD8B83 #DEB4AE
إمكانية الوصول والتباين
On white
4.17
#BB6357 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.04
#BB6357 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BB6357
5.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB6357 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB6357 | 1.00 | 4.17 | 5.04 | 5.04 |
| #FFFFFF | 4.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.04 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#787156
Deuteranopia (green-blind)
#8D8355
Tritanopia (blue-blind)
#CB5560
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #bb6357; /* rgb */ color: rgb(187, 99, 87); /* oklch */ color: oklch(60.0% 0.115 29.0);
Tailwind
colors: {
custom: {
50: '#d49186',
500: '#bb6357',
950: '#000000',
},
}SCSS
$custom: #bb6357; $custom-light: #d49186; $custom-dark: #000000;
JSON
{
"hex": "#bb6357",
"rgb": {
"r": 187,
"g": 99,
"b": 87
},
"hsl": {
"h": 7.2,
"s": 42.373,
"l": 53.725
},
"oklch": {
"l": 0.5995,
"c": 0.11547,
"h": 29
},
"luminance": 0.20177
}Semantic roles & 50–950 ramp
primary
#BB6357
secondary
#A2C7CC
accent
#C3D256
background
#FDF9F8
surface
#FBF1EF
border
#D4CBCA
text
#150D0B
muted
#837E7C