Nearest named color · #3A4B00
#3A4B00
Nearest named color: Godzilla
#3A4B00 (rgb(58 75 0), hsl(74 100% 15%), oklch(0.384 0.094 123.2)) is closest to the named color Godzilla. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3A4B00
oklch(0.384 0.094 123.2)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 4B5C21
- 5D6C3A
- 6F7E52
- 828F69
- 96A181
- AAB399
- BFC6B2
- D4D9CB
- E9ECE5
Shades
- 314000
- 283500
- 202B00
- 182100
- 101700
- 090E00
- 040600
- 010200
- 000000
Tones
- 405015
- 475624
- 4E5B30
- 55603C
- 5C6648
- 636B53
- 6A705E
- 717669
- 797B75
Color harmonies
Complementary +180°
- 3A4B00
Godzilla
- 4E356C
≈ Petunia
Analogous -30° +30°
- 3A4B00
Godzilla
- 524200
≈ Roman Bronze
- 07512A
≈ Card Table Green
Triadic +120° +240°
- 3A4B00
Godzilla
- 004771
≈ Medici Blue
- 6B2A3E
≈ Siren
Split-complementary +150° +210°
- 3A4B00
Godzilla
- 343E75
≈ Torea Bay
- 602E59
≈ Japanese Violet
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.60:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.18:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
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);
}