最も近い色名 · #104B32
#104B32
最も近い色名: Zucchini
#104B32（rgb(16 75 50)、hsl(155 65% 18%)、oklch(0.368 0.074 160.6)）に最も近い色名はZucchiniです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#104B32
oklch(0.368 0.074 160.6)
カラー変換
- HEX
- #104b32
- RGB
- rgb(16 75 50)
- HSL
- hsl(155 65% 18%)
- HWB
- hwb(155 6% 71%)
- OKLCH
- oklch(0.368 0.074 160.6)
- OKLab
- oklab(0.368 -0.069 0.024)
- CIE Lab
- lab(27.72 -24.6 9.35)
- LCH
- lch(27.72 26.32 159.2)
- CMYK
- cmyk(79% 0% 33% 71%)
ティント · シェード · トーン
ティント
- 2B5B44
- 426C57
- 597E6A
- 708F7E
- 86A192
- 9EB3A7
- B5C6BC
- CED9D2
- E6ECE8
シェード
- 0C402A
- 093522
- 062B1B
- 042114
- 02170D
- 010E07
- 000603
- 000201
- 000000
トーン
- 205039
- 2C5641
- 375B48
- 426050
- 4D6558
- 576B60
- 617068
- 6C7570
- 767B78
カラーハーモニー
補色 +180°
- 104B32
Zucchini
- 592F4B
≈ Winter Bloom
類似色 -30° +30°
- 104B32
Zucchini
- 32471A
≈ Treetop Cathedral
- 004A47
≈ Deep Into the Jungle
トライアド +120° +240°
- 104B32
Zucchini
- 383A65
≈ Rhynchites Nitens
- 5F301F
≈ Overbaked
スプリットコンプリメンタリー +150° +210°
- 104B32
Zucchini
- 4C335C
≈ Royal Crown
- 602D36
≈ Chocolate Truffle
テトラード +90° +180° +270°
- 104B32
Zucchini
- 1E4165
≈ Alpine Race
- 592F4B
≈ Winter Bloom
- 583809
≈ Pineapple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.12:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.07:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--zucchini: #104b32;
--zucchini-rgb: 16 75 50;
--zucchini-oklch: oklch(0.368 0.074 160.6);
}
.element {
color: var(--zucchini);
background-color: hsl(155 65% 18%);
border-color: oklch(0.368 0.074 160.6);
}Tailwind CSS v4
@theme {
--color-zucchini: #104b32;
--color-zucchini-50: #e3fcef;
--color-zucchini-100: #d3f0e1;
--color-zucchini-200: #b9dfcb;
--color-zucchini-300: #96c4ac;
--color-zucchini-400: #77ac90;
--color-zucchini-500: #579576;
--color-zucchini-600: #4b7e64;
--color-zucchini-700: #3b6550;
--color-zucchini-800: #2b4a39;
--color-zucchini-900: #1d3427;
--color-zucchini-950: #0d1f15;
}SCSS
$zucchini: #104b32;
$zucchini-rgb: 16, 75, 50;
$zucchini-light: mix(#fff, $zucchini, 20%);
$zucchini-dark: mix(#000, $zucchini, 20%);
.element {
color: $zucchini;
box-shadow: 0 0 0 2px rgba($zucchini, 0.35);
}