最も近い色名 · #3A4B00
#3A4B00
最も近い色名: Godzilla
#3A4B00（rgb(58 75 0)、hsl(74 100% 15%)、oklch(0.384 0.094 123.2)）に最も近い色名はGodzillaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3A4B00
oklch(0.384 0.094 123.2)
カラー変換
- HEX
- #3a4b00
- RGB
- rgb(58 75 0)
- HSL
- hsl(74 100% 15%)
- HWB
- hwb(74 0% 71%)
- OKLCH
- oklch(0.384 0.094 123.2)
- OKLab
- oklab(0.384 -0.052 0.079)
- CIE Lab
- lab(29.38 -14.84 36.64)
- LCH
- lch(29.38 39.54 112)
- CMYK
- cmyk(23% 0% 100% 71%)
ティント · シェード · トーン
ティント
- 4B5C21
- 5D6C3A
- 6F7E52
- 828F69
- 96A181
- AAB399
- BFC6B2
- D4D9CB
- E9ECE5
シェード
- 314000
- 283500
- 202B00
- 182100
- 101700
- 090E00
- 040600
- 010200
- 000000
トーン
- 405015
- 475624
- 4E5B30
- 55603C
- 5C6648
- 636B53
- 6A705E
- 717669
- 797B75
カラーハーモニー
補色 +180°
- 3A4B00
Godzilla
- 4E356C
≈ Petunia
類似色 -30° +30°
- 3A4B00
Godzilla
- 524200
≈ Roman Bronze
- 07512A
≈ Card Table Green
トライアド +120° +240°
- 3A4B00
Godzilla
- 004771
≈ Medici Blue
- 6B2A3E
≈ Siren
スプリットコンプリメンタリー +150° +210°
- 3A4B00
Godzilla
- 343E75
≈ Torea Bay
- 602E59
≈ Japanese Violet
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.60:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.18:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--godzilla: #3a4b00;
--godzilla-rgb: 58 75 0;
--godzilla-oklch: oklch(0.384 0.094 123.2);
}
.element {
color: var(--godzilla);
background-color: hsl(74 100% 15%);
border-color: oklch(0.384 0.094 123.2);
}Tailwind CSS v4
@theme {
--color-godzilla: #3a4b00;
--color-godzilla-50: #effadd;
--color-godzilla-100: #e0eecc;
--color-godzilla-200: #cbdcb0;
--color-godzilla-300: #acc08b;
--color-godzilla-400: #94a868;
--color-godzilla-500: #7a9046;
--color-godzilla-600: #677a3c;
--color-godzilla-700: #536230;
--color-godzilla-800: #3d4720;
--color-godzilla-900: #2a3115;
--color-godzilla-950: #181d07;
}SCSS
$godzilla: #3a4b00;
$godzilla-rgb: 58, 75, 0;
$godzilla-light: mix(#fff, $godzilla, 20%);
$godzilla-dark: mix(#000, $godzilla, 20%);
.element {
color: $godzilla;
box-shadow: 0 0 0 2px rgba($godzilla, 0.35);
}