#BD6854#BD6854
#BD6854 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.214؛ OKLCH L 61.0% C 0.113 H 34.2°. أفضل لون لنص المتن هو #000000 بتباين 5.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BD6854 |
|---|---|
| RGB | rgb(189, 104, 84) |
| HSL | hsl(11, 44%, 54%) |
| HSV | hsv(11, 56%, 74%) |
| CMYK | cmyk(0%, 45%, 55.6%, 25.9%) |
| CIE-LAB | lab(53.34, 31.96, 26.24) |
| CIE-LCH | lch(53.34, 41.35, 39.39°) |
| OKLab | oklab(60.99% 0.0938 0.0639) |
| OKLCH | oklch(60.99% 0.113 34.2) |
| XYZ | xyz(27.5388, 21.3624, 11.0588) |
| Luminance | 0.2136 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Clay
#B66A50
ΔE00 2.89
Pinkish Brown
#B17261
ΔE00 4.43
Adobe
#BD6C48
ΔE00 5.44
Terracotta (survey)
#CA6641
ΔE00 5.55
Terracota
#CB6843
ΔE00 5.61
Dark Salmon
#C85A53
ΔE00 5.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BD6854 #54A9BD
analogous
#BD5474 #BD6854 #BD9C54
triadic
#BD6854 #54BD68 #6854BD
tetradic
#BD6854 #74BD54 #54A9BD #9C54BD
square
#BD6854 #74BD54 #54A9BD #9C54BD
split-complementary
#BD6854 #54BD9C #5474BD
monochromatic
#6D372A #994D3B #BD6854 #CE8F80 #DFB6AC
إمكانية الوصول والتباين
On white
3.98
#BD6854 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.27
#BD6854 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BD6854
5.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BD6854 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD6854 | 1.00 | 3.98 | 5.27 | 5.27 |
| #FFFFFF | 3.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D7452
Deuteranopia (green-blind)
#928653
Tritanopia (blue-blind)
#CD5A63
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #bd6854; /* rgb */ color: rgb(189, 104, 84); /* oklch */ color: oklch(61.0% 0.113 34.2);
Tailwind
colors: {
custom: {
50: '#d59484',
500: '#bd6854',
950: '#000000',
},
}SCSS
$custom: #bd6854; $custom-light: #d59484; $custom-dark: #000000;
JSON
{
"hex": "#bd6854",
"rgb": {
"r": 189,
"g": 104,
"b": 84
},
"hsl": {
"h": 11.429,
"s": 44.304,
"l": 53.529
},
"oklch": {
"l": 0.60986,
"c": 0.11349,
"h": 34.2
},
"luminance": 0.2136
}Semantic roles & 50–950 ramp
primary
#BD6854
secondary
#A0C4CD
accent
#BCD454
background
#FDF9F8
surface
#FBF1EF
border
#D4CBCA
text
#150D0B
muted
#837E7C