Colore con nome più vicino · #364800
#364800
Colore con nome più vicino: Godzilla
#364800 (rgb(54 72 0), hsl(75 100% 14%), oklch(0.372 0.093 124.3)) è più vicino al colore con nome Godzilla. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#364800
oklch(0.372 0.093 124.3)
Conversioni di colore
- HEX
- #364800
- RGB
- rgb(54 72 0)
- HSL
- hsl(75 100% 14%)
- HWB
- hwb(75 0% 72%)
- OKLCH
- oklch(0.372 0.093 124.3)
- OKLab
- oklab(0.372 -0.052 0.077)
- CIE Lab
- lab(28.02 -15.18 35.47)
- LCH
- lch(28.02 38.59 113.2)
- CMYK
- cmyk(25% 0% 100% 72%)
Tinte · Ombre · Toni
Tinte
- 475921
- 5A6A39
- 6C7B51
- 808D68
- 94A080
- A8B299
- BDC5B1
- D3D8CB
- E9EBE5
Ombre
- 2E3D00
- 253300
- 1E2900
- 161F00
- 0F1600
- 080D00
- 030600
- 010200
- 000000
Toni
- 3D4E14
- 445323
- 4B5930
- 525E3B
- 5A6447
- 616A52
- 696F5E
- 707569
- 787A75
Armonie di colore
Complementare +180°
- 364800
Godzilla
- 4B3268
≈ Petunia
Analogo -30° +30°
- 364800
Godzilla
- 4E3F00
≈ Xanthophobia
- 014E29
≈ Troll Green
Triadico +120° +240°
- 364800
Godzilla
- 00446D
≈ Epic Adventure
- 67283A
≈ Siren
Complementare divisa +150° +210°
- 364800
Godzilla
- 323B71
≈ Spirit Blue
- 5D2B54
≈ Japanese Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.07:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.08:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.07:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--godzilla: #364800;
--godzilla-rgb: 54 72 0;
--godzilla-oklch: oklch(0.372 0.093 124.3);
}
.element {
color: var(--godzilla);
background-color: hsl(75 100% 14%);
border-color: oklch(0.372 0.093 124.3);
}Tailwind CSS v4
@theme {
--color-godzilla: #364800;
--color-godzilla-50: #eefbde;
--color-godzilla-100: #e0eecd;
--color-godzilla-200: #cadcb1;
--color-godzilla-300: #abc18d;
--color-godzilla-400: #93a86a;
--color-godzilla-500: #799149;
--color-godzilla-600: #667a3e;
--color-godzilla-700: #526231;
--color-godzilla-800: #3d4721;
--color-godzilla-900: #2a3216;
--color-godzilla-950: #171d07;
}SCSS
$godzilla: #364800;
$godzilla-rgb: 54, 72, 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);
}