最も近い色名 · #2A3424
#2A3424
最も近い色名: Marshland
#2A3424（rgb(42 52 36)、hsl(98 18% 17%)、oklch(0.31 0.031 134)）に最も近い色名はMarshlandです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2A3424
oklch(0.31 0.031 134)
カラー変換
- HEX
- #2a3424
- RGB
- rgb(42 52 36)
- HSL
- hsl(98 18% 17%)
- HWB
- hwb(98 14% 80%)
- OKLCH
- oklch(0.31 0.031 134)
- OKLab
- oklab(0.31 -0.021 0.022)
- CIE Lab
- lab(20.38 -7.16 8.7)
- LCH
- lch(20.38 11.27 129.4)
- CMYK
- cmyk(19% 0% 31% 80%)
ティント · シェード · トーン
ティント
- 3C4637
- 4F584A
- 636B5F
- 787F74
- 8D9389
- A3A8A0
- B9BDB7
- D0D2CE
- E7E9E6
シェード
- 232C1E
- 1C2418
- 161C12
- 10150C
- 0A0E07
- 050704
- 020302
- 010100
- 000000
トーン
- 323B2C
- 3A4235
- 424A3E
- 4B5147
- 535950
- 5C6059
- 656863
- 6E706C
- 777876
カラーハーモニー
補色 +180°
- 2A3424
Marshland
- 362C3C
≈ Valentino Nero
類似色 -30° +30°
- 2A3424
Marshland
- 33311F
≈ Fuchsia Berries
- 21352C
≈ Mussel Green
トライアド +120° +240°
- 2A3424
Marshland
- 263140
≈ Blue-Black
- 3F2A2C
≈ Wenge Black
スプリットコンプリメンタリー +150° +210°
- 2A3424
Marshland
- 2E2E40
≈ Atlantic Charter
- 3C2A34
≈ Late Night Out
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.00:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.61:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.00:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--marshland: #2a3424;
--marshland-rgb: 42 52 36;
--marshland-oklch: oklch(0.31 0.031 134);
}
.element {
color: var(--marshland);
background-color: hsl(98 18% 17%);
border-color: oklch(0.31 0.031 134);
}Tailwind CSS v4
@theme {
--color-marshland: #2a3424;
--color-marshland-50: #f1f7ef;
--color-marshland-100: #e3eae0;
--color-marshland-200: #ced7ca;
--color-marshland-300: #b0bbac;
--color-marshland-400: #97a390;
--color-marshland-500: #7e8b76;
--color-marshland-600: #6b7664;
--color-marshland-700: #555e50;
--color-marshland-800: #3e453a;
--color-marshland-900: #2b3028;
--color-marshland-950: #181c16;
}SCSS
$marshland: #2a3424;
$marshland-rgb: 42, 52, 36;
$marshland-light: mix(#fff, $marshland, 20%);
$marshland-dark: mix(#000, $marshland, 20%);
.element {
color: $marshland;
box-shadow: 0 0 0 2px rgba($marshland, 0.35);
}