#BC5923#BC5923
#BC5923 لون متوسط وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.180؛ OKLCH L 57.8% C 0.143 H 45.7°. أفضل لون لنص المتن هو #000000 بتباين 4.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BC5923 |
|---|---|
| RGB | rgb(188, 89, 35) |
| HSL | hsl(21, 69%, 44%) |
| HSV | hsv(21, 81%, 74%) |
| CMYK | cmyk(0%, 52.7%, 81.4%, 26.3%) |
| CIE-LAB | lab(49.45, 36.61, 47.71) |
| CIE-LCH | lch(49.45, 60.14, 52.50°) |
| OKLab | oklab(57.79% 0.1 0.1026) |
| OKLCH | oklch(57.79% 0.143 45.7) |
| XYZ | xyz(24.6173, 17.9606, 3.7602) |
| Luminance | 0.1796 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Rust Orange
#C45508
ΔE00 3.02
Dark Orange
#C65102
ΔE00 3.35
Burnt Orange
#C04E01
ΔE00 3.42
Brick Orange
#C14A09
ΔE00 3.78
Burnt Siena
#B75203
ΔE00 3.91
Rusty Orange
#CD5909
ΔE00 4.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BC5923 #2386BC
analogous
#BC233A #BC5923 #BCA523
triadic
#BC5923 #23BC59 #5923BC
tetradic
#BC5923 #3ABC23 #2386BC #A523BC
square
#BC5923 #3ABC23 #2386BC #A523BC
split-complementary
#BC5923 #23BCA5 #233ABC
monochromatic
#552810 #884119 #BC5923 #DC7741 #E59C74
إمكانية الوصول والتباين
On white
4.57
#BC5923 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.59
#BC5923 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BC5923
4.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BC5923 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BC5923 | 1.00 | 4.57 | 4.59 | 4.59 |
| #FFFFFF | 4.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.59 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#75681B
Deuteranopia (green-blind)
#8D7E20
Tritanopia (blue-blind)
#CF434E
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #bc5923; /* rgb */ color: rgb(188, 89, 35); /* oklch */ color: oklch(57.8% 0.143 45.7);
Tailwind
colors: {
custom: {
50: '#d88a62',
500: '#bc5923',
950: '#000000',
},
}SCSS
$custom: #bc5923; $custom-light: #d88a62; $custom-dark: #000000;
JSON
{
"hex": "#bc5923",
"rgb": {
"r": 188,
"g": 89,
"b": 35
},
"hsl": {
"h": 21.176,
"s": 68.61,
"l": 43.725
},
"oklch": {
"l": 0.57791,
"c": 0.14326,
"h": 45.7
},
"luminance": 0.17957
}Semantic roles & 50–950 ramp
primary
#BC5923
secondary
#6FABCC
accent
#AEEB3C
background
#FEF8F6
surface
#FCF0EB
border
#D5CBC6
text
#160C05
muted
#847D7A