色名 · #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);
}