Color con nombre más cercano · #2F4B00
#2F4B00
Color con nombre más cercano: Godzilla
#2F4B00 (rgb(47 75 0), hsl(82 100% 15%), oklch(0.376 0.101 129.8)) se parece más al color con nombre Godzilla. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2F4B00
oklch(0.376 0.101 129.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 415C21
- 546D3A
- 687E51
- 7C8F69
- 91A181
- A6B499
- BBC6B2
- D2D9CB
- E8ECE5
Sombras
- 274000
- 203500
- 192B00
- 122100
- 0C1700
- 060E00
- 030600
- 010200
- 000000
Tonos
- 375015
- 3F5623
- 465B30
- 4E603C
- 566647
- 5F6B53
- 67705E
- 6F7669
- 787B75
Armonías de color
Complementario +180°
- 2F4B00
Godzilla
- 512F69
≈ Petunia
Análogo -30° +30°
- 2F4B00
Godzilla
- 4B4200
≈ Roman Bronze
- 004F31
≈ Troll Green
Triádico +120° +240°
- 2F4B00
Godzilla
- 074374
≈ Mermaid Blues
- 6C2535
≈ Squid Hat
Complementario dividido +150° +210°
- 2F4B00
Godzilla
- 383975
≈ Good Karma
- 632852
≈ Velvet Mauve
Tetrádico +90° +180° +270°
- 2F4B00
Godzilla
- 00495A
≈ Midnight Green
- 512F69
≈ Petunia
- 6C2A11
≈ Moussaka
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.87:1 · APCA Lc 93
Ag
FailSobre negro
WCAG 2.12:1 · APCA Lc 10
Mejor color de texto: #FFFFFF
WCAG 9.87:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
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);
}