لون مسمّى · #773B2E
Brass Scorpion
Brass Scorpion هو #773B2E: rgb(119 59 46)، hsl(11 44% 32%)، oklch(0.426 0.087 33.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Brass Scorpion color name →
#773B2E
oklch(0.426 0.087 33.4)
تحويلات الألوان
- HEX
- #773b2e
- RGB
- rgb(119 59 46)
- HSL
- hsl(11 44% 32%)
- HWB
- hwb(11 18% 53%)
- OKLCH
- oklch(0.426 0.087 33.4)
- OKLab
- oklab(0.426 0.073 0.048)
- CIE Lab
- lab(32.71 25.88 20.55)
- LCH
- lch(32.71 33.05 38.5)
- CMYK
- cmyk(0% 50% 61% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 854D41
- 936054
- A17368
- AF867C
- BC9991
- CAADA6
- D7C1BC
- E4D5D2
- F2EAE8
درجات داكنة
- 673227
- 57291F
- 472118
- 381912
- 2A110B
- 1C0906
- 100402
- 050101
- 010000
درجات رمادية
- 794236
- 7A493E
- 7C5047
- 7D574F
- 7E5E57
- 7F655F
- 7F6C67
- 80736F
- 807978
تناسق الألوان
متمم +180°
- 773B2E
Brass Scorpion
- 005967
≈ Abyssal Waters
متجاور -30° +30°
- 773B2E
Brass Scorpion
- 75384A
≈ Grapeshot
- 704311
≈ Sepia
ثلاثي +120° +240°
- 773B2E
Brass Scorpion
- 205C38
≈ Derbyshire
- 404A7E
≈ Expressionism
متمم منقسم +150° +210°
- 773B2E
Brass Scorpion
- 005C53
≈ Tidal Pool
- 1B537B
≈ Blueberry Twist
رباعي +90° +180° +270°
- 773B2E
Brass Scorpion
- 45561A
≈ Verdun Green
- 005967
≈ Abyssal Waters
- 594276
≈ Drifting Violet
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.57:1 · APCA Lc 89
Ag
Failعلى الأسود
WCAG 2.44:1 · APCA Lc 13
أفضل لون للنص: #FFFFFF
WCAG 8.57:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--brass-scorpion: #773b2e;
--brass-scorpion-rgb: 119 59 46;
--brass-scorpion-oklch: oklch(0.426 0.087 33.4);
}
.element {
color: var(--brass-scorpion);
background-color: hsl(11 44% 32%);
border-color: oklch(0.426 0.087 33.4);
}Tailwind CSS v4
@theme {
--color-brass-scorpion: #773b2e;
--color-brass-scorpion-50: #ffede4;
--color-brass-scorpion-100: #ffded4;
--color-brass-scorpion-200: #f7c8bb;
--color-brass-scorpion-300: #e0a899;
--color-brass-scorpion-400: #cc8c7d;
--color-brass-scorpion-500: #b87060;
--color-brass-scorpion-600: #9c5f51;
--color-brass-scorpion-700: #7d4c41;
--color-brass-scorpion-800: #5d372f;
--color-brass-scorpion-900: #412520;
--color-brass-scorpion-950: #291410;
}SCSS
$brass-scorpion: #773b2e;
$brass-scorpion-rgb: 119, 59, 46;
$brass-scorpion-light: mix(#fff, $brass-scorpion, 20%);
$brass-scorpion-dark: mix(#000, $brass-scorpion, 20%);
.element {
color: $brass-scorpion;
box-shadow: 0 0 0 2px rgba($brass-scorpion, 0.35);
}