最も近い色名 · #373D21
#373D21
最も近い色名: Palm Leaf
#373D21（rgb(55 61 33)、hsl(73 30% 18%)、oklch(0.346 0.046 118.7)）に最も近い色名はPalm Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#373D21
oklch(0.346 0.046 118.7)
カラー変換
- HEX
- #373d21
- RGB
- rgb(55 61 33)
- HSL
- hsl(73 30% 18%)
- HWB
- hwb(73 13% 76%)
- OKLCH
- oklch(0.346 0.046 118.7)
- OKLab
- oklab(0.346 -0.022 0.04)
- CIE Lab
- lab(24.6 -6.65 16.36)
- LCH
- lch(24.6 17.66 112.1)
- CMYK
- cmyk(10% 0% 46% 76%)
ティント · シェード · トーン
ティント
- 484E35
- 5A6049
- 6D725D
- 818573
- 949889
- A9AC9F
- BEC0B7
- D3D5CE
- E9EAE6
シェード
- 2E341B
- 262B16
- 1E2210
- 161A0B
- 0F1206
- 080A03
- 030401
- 010100
- 000000
トーン
- 3E432A
- 454A33
- 4C503D
- 535746
- 5A5E4F
- 616459
- 696B62
- 71726C
- 787976
カラーハーモニー
補色 +180°
- 373D21
Palm Leaf
- 3D344E
≈ Caddies Silk
類似色 -30° +30°
- 373D21
Palm Leaf
- 43381C
≈ Lisbon Brown
- 28402C
≈ English Holly
トライアド +120° +240°
- 373D21
Palm Leaf
- 223D4F
≈ Asurmen Blue Wash
- 4D2F39
≈ Joyful Ruby
スプリットコンプリメンタリー +150° +210°
- 373D21
Palm Leaf
- 303952
≈ Biscay
- 473145
≈ Voodoo
テトラード +90° +180° +270°
- 373D21
Palm Leaf
- 184046
≈ Sunken Harbour
- 3D344E
≈ Caddies Silk
- 4F302C
≈ Espresso
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.33:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.85:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.33:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--palm-leaf: #373d21;
--palm-leaf-rgb: 55 61 33;
--palm-leaf-oklch: oklch(0.346 0.046 118.7);
}
.element {
color: var(--palm-leaf);
background-color: hsl(73 30% 18%);
border-color: oklch(0.346 0.046 118.7);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #373d21;
--color-palm-leaf-50: #f3f7e9;
--color-palm-leaf-100: #e5eada;
--color-palm-leaf-200: #d1d8c2;
--color-palm-leaf-300: #b4bba2;
--color-palm-leaf-400: #9ba384;
--color-palm-leaf-500: #838b69;
--color-palm-leaf-600: #6f7559;
--color-palm-leaf-700: #585e47;
--color-palm-leaf-800: #414533;
--color-palm-leaf-900: #2d2f22;
--color-palm-leaf-950: #1a1c11;
}SCSS
$palm-leaf: #373d21;
$palm-leaf-rgb: 55, 61, 33;
$palm-leaf-light: mix(#fff, $palm-leaf, 20%);
$palm-leaf-dark: mix(#000, $palm-leaf, 20%);
.element {
color: $palm-leaf;
box-shadow: 0 0 0 2px rgba($palm-leaf, 0.35);
}