Nazwany kolor · #4B6E3B
Gully Green
Gully Green to #4B6E3B: rgb(75 110 59), hsl(101 30% 33%), oklch(0.498 0.087 136.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gully Green color name →
#4B6E3B
oklch(0.498 0.087 136.5)
Konwersje koloru
- HEX
- #4b6e3b
- RGB
- rgb(75 110 59)
- HSL
- hsl(101 30% 33%)
- HWB
- hwb(101 23% 57%)
- OKLCH
- oklch(0.498 0.087 136.5)
- OKLab
- oklab(0.498 -0.063 0.06)
- CIE Lab
- lab(42.78 -20.81 24.2)
- LCH
- lch(42.78 31.92 130.7)
- CMYK
- cmyk(32% 0% 46% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5C7C4E
- 6D8A60
- 7E9873
- 90A686
- A1B499
- B4C3AD
- C6D2C1
- D9E1D5
- ECF0EA
Odcienie ciemniejsze
- 405F32
- 355029
- 2B4121
- 213319
- 172611
- 0E1909
- 060E04
- 020401
- 000100
Tony
- 507042
- 56724A
- 5B7451
- 617658
- 66775E
- 6B7965
- 707B6C
- 767D73
- 7B7E79
Harmonie kolorów
Komplementarna +180°
- 4B6E3B
Gully Green
- 765384
≈ Affair
Analogowa -30° +30°
- 4B6E3B
Gully Green
- 696624
≈ Greenish Brown
- 257258
≈ Tropical Rainforest
Triada +120° +240°
- 4B6E3B
Gully Green
- 416494
≈ Too Blue
- 8D4D51
≈ Apple Butter
Komplementarna rozszczepiona +150° +210°
- 4B6E3B
Gully Green
- 5F5B92
≈ Colossus
- 864D6D
≈ Twilight Lavender
Tetrada +90° +180° +270°
- 4B6E3B
Gully Green
- 1A6C89
≈ Saxony Blue
- 765384
≈ Affair
- 8B5236
≈ Rusted Earth
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.84:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.59:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--gully-green: #4b6e3b;
--gully-green-rgb: 75 110 59;
--gully-green-oklch: oklch(0.498 0.087 136.5);
}
.element {
color: var(--gully-green);
background-color: hsl(101 30% 33%);
border-color: oklch(0.498 0.087 136.5);
}Tailwind CSS v4
@theme {
--color-gully-green: #4b6e3b;
--color-gully-green-50: #e9fce4;
--color-gully-green-100: #daefd4;
--color-gully-green-200: #c2deba;
--color-gully-green-300: #a2c398;
--color-gully-green-400: #87ab77;
--color-gully-green-500: #6b9359;
--color-gully-green-600: #5b7d4c;
--color-gully-green-700: #48643c;
--color-gully-green-800: #35492a;
--color-gully-green-900: #24331c;
--color-gully-green-950: #131e0c;
}SCSS
$gully-green: #4b6e3b;
$gully-green-rgb: 75, 110, 59;
$gully-green-light: mix(#fff, $gully-green, 20%);
$gully-green-dark: mix(#000, $gully-green, 20%);
.element {
color: $gully-green;
box-shadow: 0 0 0 2px rgba($gully-green, 0.35);
}