Najbliższy nazwany kolor · #374C00
#374C00
Najbliższy nazwany kolor: Godzilla
#374C00 (rgb(55 76 0), hsl(77 100% 15%), oklch(0.385 0.097 125.6)) jest najbliższy nazwanemu kolorowi Godzilla. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#374C00
oklch(0.385 0.097 125.6)
Konwersje koloru
- HEX
- #374c00
- RGB
- rgb(55 76 0)
- HSL
- hsl(77 100% 15%)
- HWB
- hwb(77 0% 70%)
- OKLCH
- oklch(0.385 0.097 125.6)
- OKLab
- oklab(0.385 -0.057 0.079)
- CIE Lab
- lab(29.49 -16.74 36.6)
- LCH
- lch(29.49 40.25 114.6)
- CMYK
- cmyk(28% 0% 100% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 485D22
- 5B6D3A
- 6D7F52
- 819069
- 95A281
- A9B499
- BEC6B2
- D3D9CB
- E9ECE5
Odcienie ciemniejsze
- 2E4100
- 263600
- 1E2C00
- 162200
- 0F1800
- 080F00
- 030600
- 010200
- 000000
Tony
- 3E5115
- 455724
- 4C5C31
- 53613C
- 5A6648
- 626B53
- 69715E
- 71766A
- 787B75
Harmonie kolorów
Komplementarna +180°
- 374C00
Godzilla
- 50346C
≈ Petunia
Analogowa -30° +30°
- 374C00
Godzilla
- 504300
≈ Roman Bronze
- 00522D
≈ Card Table Green
Triada +120° +240°
- 374C00
Godzilla
- 014774
≈ Medici Blue
- 6D293C
≈ Siren
Komplementarna rozszczepiona +150° +210°
- 374C00
Godzilla
- 363D77
≈ Torea Bay
- 622D57
≈ Velvet Mauve
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.56:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.19:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--godzilla: #374c00;
--godzilla-rgb: 55 76 0;
--godzilla-oklch: oklch(0.385 0.097 125.6);
}
.element {
color: var(--godzilla);
background-color: hsl(77 100% 15%);
border-color: oklch(0.385 0.097 125.6);
}Tailwind CSS v4
@theme {
--color-godzilla: #374c00;
--color-godzilla-50: #edfbdd;
--color-godzilla-100: #dfefcc;
--color-godzilla-200: #c8ddb0;
--color-godzilla-300: #a9c18b;
--color-godzilla-400: #90a968;
--color-godzilla-500: #779146;
--color-godzilla-600: #647b3c;
--color-godzilla-700: #506330;
--color-godzilla-800: #3c4820;
--color-godzilla-900: #293215;
--color-godzilla-950: #171e07;
}SCSS
$godzilla: #374c00;
$godzilla-rgb: 55, 76, 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);
}