#BE552E#BE552E
#BE552E لون متوسط وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.176؛ OKLCH L 57.6% C 0.145 H 40.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BE552E |
|---|---|
| RGB | rgb(190, 85, 46) |
| HSL | hsl(16, 61%, 46%) |
| HSV | hsv(16, 76%, 75%) |
| CMYK | cmyk(0%, 55.3%, 75.8%, 25.5%) |
| CIE-LAB | lab(49.06, 39.83, 42.15) |
| CIE-LCH | lch(49.06, 57.99, 46.62°) |
| OKLab | oklab(57.59% 0.1114 0.0934) |
| OKLCH | oklch(57.59% 0.145 40) |
| XYZ | xyz(24.9794, 17.6447, 4.6746) |
| Luminance | 0.1764 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Brick Orange
#C14A09
ΔE00 4.82
Terra Cotta
#C9643B
ΔE00 4.90
Terracotta (survey)
#CA6641
ΔE00 5.54
Rust
#B7410E
ΔE00 5.67
Burnt Orange
#C04E01
ΔE00 5.95
Dark Orange
#C65102
ΔE00 6.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BE552E #2E97BE
analogous
#BE2E4F #BE552E #BE9D2E
triadic
#BE552E #2EBE55 #552EBE
tetradic
#BE552E #4FBE2E #2E97BE #9D2EBE
square
#BE552E #4FBE2E #2E97BE #9D2EBE
split-complementary
#BE552E #2EBE9D #2E4FBE
monochromatic
#5B2916 #8D3F22 #BE552E #D67754 #E19E85
إمكانية الوصول والتباين
On white
4.64
#BE552E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.53
#BE552E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #BE552E
4.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BE552E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##BE552E | 1.00 | 4.64 | 4.53 | 4.64 |
| #FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#726629
Deuteranopia (green-blind)
#8C7D2B
Tritanopia (blue-blind)
#D13E4D
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #be552e; /* rgb */ color: rgb(190, 85, 46); /* oklch */ color: oklch(57.6% 0.145 40.0);
Tailwind
colors: {
custom: {
50: '#d98869',
500: '#be552e',
950: '#000000',
},
}SCSS
$custom: #be552e; $custom-light: #d98869; $custom-dark: #000000;
JSON
{
"hex": "#be552e",
"rgb": {
"r": 190,
"g": 85,
"b": 46
},
"hsl": {
"h": 16.25,
"s": 61.017,
"l": 46.275
},
"oklch": {
"l": 0.57588,
"c": 0.1454,
"h": 40
},
"luminance": 0.17641
}Semantic roles & 50–950 ramp
primary
#BE552E
secondary
#7DB6CB
accent
#B9E444
background
#FEF8F6
surface
#FCF0EB
border
#D5CBC6
text
#160B06
muted
#847C7A