Colore con nome più vicino · #2F4B00
#2F4B00
Colore con nome più vicino: Godzilla
#2F4B00 (rgb(47 75 0), hsl(82 100% 15%), oklch(0.376 0.101 129.8)) è più vicino al colore con nome Godzilla. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2F4B00
oklch(0.376 0.101 129.8)
Conversioni di colore
- HEX
- #2f4b00
- RGB
- rgb(47 75 0)
- HSL
- hsl(82 100% 15%)
- HWB
- hwb(82 0% 71%)
- OKLCH
- oklch(0.376 0.101 129.8)
- OKLab
- oklab(0.376 -0.065 0.077)
- CIE Lab
- lab(28.58 -19.81 35.64)
- LCH
- lch(28.58 40.77 119.1)
- CMYK
- cmyk(37% 0% 100% 71%)
Tinte · Ombre · Toni
Tinte
- 415C21
- 546D3A
- 687E51
- 7C8F69
- 91A181
- A6B499
- BBC6B2
- D2D9CB
- E8ECE5
Ombre
- 274000
- 203500
- 192B00
- 122100
- 0C1700
- 060E00
- 030600
- 010200
- 000000
Toni
- 375015
- 3F5623
- 465B30
- 4E603C
- 566647
- 5F6B53
- 67705E
- 6F7669
- 787B75
Armonie di colore
Complementare +180°
- 2F4B00
Godzilla
- 512F69
≈ Petunia
Analogo -30° +30°
- 2F4B00
Godzilla
- 4B4200
≈ Roman Bronze
- 004F31
≈ Troll Green
Triadico +120° +240°
- 2F4B00
Godzilla
- 074374
≈ Mermaid Blues
- 6C2535
≈ Squid Hat
Complementare divisa +150° +210°
- 2F4B00
Godzilla
- 383975
≈ Good Karma
- 632852
≈ Velvet Mauve
Tetradico +90° +180° +270°
- 2F4B00
Godzilla
- 00495A
≈ Midnight Green
- 512F69
≈ Petunia
- 6C2A11
≈ Moussaka
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.87:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.12:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.87:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--godzilla: #2f4b00;
--godzilla-rgb: 47 75 0;
--godzilla-oklch: oklch(0.376 0.101 129.8);
}
.element {
color: var(--godzilla);
background-color: hsl(82 100% 15%);
border-color: oklch(0.376 0.101 129.8);
}Tailwind CSS v4
@theme {
--color-godzilla: #2f4b00;
--color-godzilla-50: #ebfcde;
--color-godzilla-100: #dcf0cd;
--color-godzilla-200: #c5deb1;
--color-godzilla-300: #a5c38d;
--color-godzilla-400: #8bab6a;
--color-godzilla-500: #709348;
--color-godzilla-600: #5f7d3e;
--color-godzilla-700: #4c6431;
--color-godzilla-800: #384921;
--color-godzilla-900: #263316;
--color-godzilla-950: #151e07;
}SCSS
$godzilla: #2f4b00;
$godzilla-rgb: 47, 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);
}