Colore con nome · #3C4D03
Godzilla
Godzilla è #3C4D03: rgb(60 77 3), hsl(74 93% 16%), oklch(0.392 0.094 123.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Godzilla color name →
#3C4D03
oklch(0.392 0.094 123.1)
Conversioni di colore
- HEX
- #3c4d03
- RGB
- rgb(60 77 3)
- HSL
- hsl(74 93% 16%)
- HWB
- hwb(74 1% 70%)
- OKLCH
- oklch(0.392 0.094 123.1)
- OKLab
- oklab(0.392 -0.051 0.079)
- CIE Lab
- lab(30.23 -14.82 36.22)
- LCH
- lch(30.23 39.14 112.3)
- CMYK
- cmyk(22% 0% 96% 70%)
Tinte · Ombre · Toni
Tinte
- 4D5D24
- 5F6E3C
- 717F53
- 84916B
- 97A282
- ABB49A
- C0C7B3
- D4D9CC
- E9ECE5
Ombre
- 334202
- 2A3702
- 212C01
- 192201
- 111800
- 0A0F00
- 040700
- 010200
- 000000
Toni
- 425217
- 495726
- 4F5C32
- 56623E
- 5D6749
- 646C54
- 6B715F
- 72766A
- 797B75
Armonie di colore
Complementare +180°
- 3C4D03
Godzilla
- 50376E
≈ Succinct Violet
Analogo -30° +30°
- 3C4D03
Godzilla
- 544400
≈ Sugarloaf Brown
- 0C532C
≈ Lemon Balm Green
Triadico +120° +240°
- 3C4D03
Godzilla
- 014A73
≈ Broadwater Blue
- 6D2C40
≈ Cherry Juice Red
Complementare divisa +150° +210°
- 3C4D03
Godzilla
- 354077
≈ Forbidden Blackberry
- 62305B
≈ Spanish Plum
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.31:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.25:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--godzilla: #3c4d03;
--godzilla-rgb: 60 77 3;
--godzilla-oklch: oklch(0.392 0.094 123.1);
}
.element {
color: var(--godzilla);
background-color: hsl(74 93% 16%);
border-color: oklch(0.392 0.094 123.1);
}Tailwind CSS v4
@theme {
--color-godzilla: #3c4d03;
--color-godzilla-50: #effadd;
--color-godzilla-100: #e0eecc;
--color-godzilla-200: #cbdcb0;
--color-godzilla-300: #acc08b;
--color-godzilla-400: #94a869;
--color-godzilla-500: #7a9046;
--color-godzilla-600: #687a3c;
--color-godzilla-700: #536230;
--color-godzilla-800: #3d4720;
--color-godzilla-900: #2a3115;
--color-godzilla-950: #181d07;
}SCSS
$godzilla: #3c4d03;
$godzilla-rgb: 60, 77, 3;
$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);
}