Najbliższy nazwany kolor · #3A4B00
#3A4B00
Najbliższy nazwany kolor: Godzilla
#3A4B00 (rgb(58 75 0), hsl(74 100% 15%), oklch(0.384 0.094 123.2)) jest najbliższy nazwanemu kolorowi Godzilla. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3A4B00
oklch(0.384 0.094 123.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4B5C21
- 5D6C3A
- 6F7E52
- 828F69
- 96A181
- AAB399
- BFC6B2
- D4D9CB
- E9ECE5
Odcienie ciemniejsze
- 314000
- 283500
- 202B00
- 182100
- 101700
- 090E00
- 040600
- 010200
- 000000
Tony
- 405015
- 475624
- 4E5B30
- 55603C
- 5C6648
- 636B53
- 6A705E
- 717669
- 797B75
Harmonie kolorów
Komplementarna +180°
- 3A4B00
Godzilla
- 4E356C
≈ Petunia
Analogowa -30° +30°
- 3A4B00
Godzilla
- 524200
≈ Roman Bronze
- 07512A
≈ Card Table Green
Triada +120° +240°
- 3A4B00
Godzilla
- 004771
≈ Medici Blue
- 6B2A3E
≈ Siren
Komplementarna rozszczepiona +150° +210°
- 3A4B00
Godzilla
- 343E75
≈ Torea Bay
- 602E59
≈ Japanese Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.60:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.18:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}