色名 · #463D2B
Typhus Corrosion
Typhus Corrosionは#463D2B：rgb(70 61 43)、hsl(40 24% 22%)、oklch(0.364 0.032 84.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Typhus Corrosion color name →
#463D2B
oklch(0.364 0.032 84.3)
カラー変換
- HEX
- #463d2b
- RGB
- rgb(70 61 43)
- HSL
- hsl(40 24% 22%)
- HWB
- hwb(40 17% 73%)
- OKLCH
- oklch(0.364 0.032 84.3)
- OKLab
- oklab(0.364 0.003 0.031)
- CIE Lab
- lab(26.32 1.71 12.64)
- LCH
- lch(26.32 12.76 82.3)
- CMYK
- cmyk(0% 13% 39% 73%)
ティント · シェード · トーン
ティント
- 564E3E
- 686051
- 797265
- 8B8579
- 9D988E
- B0ACA4
- C3C0BA
- D7D5D0
- EBEAE8
シェード
- 3C3424
- 322B1D
- 282216
- 1E1A10
- 15120A
- 0D0A05
- 050402
- 020101
- 000000
トーン
- 4C4333
- 514A3B
- 575043
- 5D574C
- 625E54
- 68645D
- 6E6B65
- 74726E
- 7A7977
カラーハーモニー
補色 +180°
- 463D2B
Typhus Corrosion
- 363E4F
≈ Burka Black
類似色 -30° +30°
- 463D2B
Typhus Corrosion
- 4C3A2E
≈ Abbot
- 3E402D
≈ Scrub
トライアド +120° +240°
- 463D2B
Typhus Corrosion
- 2A4346
≈ Ai Indigo
- 473948
≈ Mysterioso
スプリットコンプリメンタリー +150° +210°
- 463D2B
Typhus Corrosion
- 2E414C
≈ Deepsea Core
- 3F3B4D
≈ India Ink
テトラード +90° +180° +270°
- 463D2B
Typhus Corrosion
- 2C443D
≈ Gable Green
- 363E4F
≈ Burka Black
- 4C373F
≈ Royal Silk
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.69:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.96:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.69:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--typhus-corrosion: #463d2b;
--typhus-corrosion-rgb: 70 61 43;
--typhus-corrosion-oklch: oklch(0.364 0.032 84.3);
}
.element {
color: var(--typhus-corrosion);
background-color: hsl(40 24% 22%);
border-color: oklch(0.364 0.032 84.3);
}Tailwind CSS v4
@theme {
--color-typhus-corrosion: #463d2b;
--color-typhus-corrosion-50: #f9f5eb;
--color-typhus-corrosion-100: #ece7dc;
--color-typhus-corrosion-200: #dad4c5;
--color-typhus-corrosion-300: #beb7a6;
--color-typhus-corrosion-400: #a79d8a;
--color-typhus-corrosion-500: #90856f;
--color-typhus-corrosion-600: #7a705e;
--color-typhus-corrosion-700: #615a4b;
--color-typhus-corrosion-800: #484236;
--color-typhus-corrosion-900: #322d25;
--color-typhus-corrosion-950: #1e1a14;
}SCSS
$typhus-corrosion: #463d2b;
$typhus-corrosion-rgb: 70, 61, 43;
$typhus-corrosion-light: mix(#fff, $typhus-corrosion, 20%);
$typhus-corrosion-dark: mix(#000, $typhus-corrosion, 20%);
.element {
color: $typhus-corrosion;
box-shadow: 0 0 0 2px rgba($typhus-corrosion, 0.35);
}