Nazwany kolor · #76826C
Gazebo Green
Gazebo Green to #76826C: rgb(118 130 108), hsl(93 9% 47%), oklch(0.59 0.036 130.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gazebo Green color name →
#76826C
oklch(0.59 0.036 130.9)
Konwersje koloru
- HEX
- #76826c
- RGB
- rgb(118 130 108)
- HSL
- hsl(93 9% 47%)
- HWB
- hwb(93 42% 49%)
- OKLCH
- oklch(0.59 0.036 130.9)
- OKLab
- oklab(0.59 -0.023 0.027)
- CIE Lab
- lab(52.89 -7.81 10.4)
- LCH
- lch(52.89 13 126.9)
- CMYK
- cmyk(9% 0% 17% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 838E7A
- 909A88
- 9DA696
- ABB2A4
- B8BFB3
- C6CBC2
- D4D8D1
- E2E5E0
- F0F2EF
Odcienie ciemniejsze
- 66705D
- 565F4E
- 474E40
- 383E32
- 292F25
- 1C2019
- 0F120D
- 050604
- 010100
Tony
- 77826E
- 788270
- 798172
- 7A8174
- 7B8176
- 7C8178
- 7D817A
- 7E807C
- 7F807E
Harmonie kolorów
Komplementarna +180°
- 76826C
Gazebo Green
- 84788D
≈ Mythical
Analogowa -30° +30°
- 76826C
Gazebo Green
- 827E66
≈ Knotweed
- 6B8476
≈ Wild Beet Leaf
Triada +120° +240°
- 76826C
Gazebo Green
- 6E7F92
≈ Chain Gang Grey
- 917578
≈ Socialite
Komplementarna rozszczepiona +150° +210°
- 76826C
Gazebo Green
- 797B93
≈ Waterloo
- 8D7584
≈ Plum Legacy
Tetrada +90° +180° +270°
- 76826C
Gazebo Green
- 66838C
≈ Puddle Jumper
- 84788D
≈ Mythical
- 91776D
≈ Cadian
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.05:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.17:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--gazebo-green: #76826c;
--gazebo-green-rgb: 118 130 108;
--gazebo-green-oklch: oklch(0.59 0.036 130.9);
}
.element {
color: var(--gazebo-green);
background-color: hsl(93 9% 47%);
border-color: oklch(0.59 0.036 130.9);
}Tailwind CSS v4
@theme {
--color-gazebo-green: #76826c;
--color-gazebo-green-50: #f1f7ed;
--color-gazebo-green-100: #e3ebdf;
--color-gazebo-green-200: #ced8c8;
--color-gazebo-green-300: #b0bca9;
--color-gazebo-green-400: #97a38d;
--color-gazebo-green-500: #7e8b73;
--color-gazebo-green-600: #6b7661;
--color-gazebo-green-700: #555e4e;
--color-gazebo-green-800: #3f4538;
--color-gazebo-green-900: #2b3026;
--color-gazebo-green-950: #181c15;
}SCSS
$gazebo-green: #76826c;
$gazebo-green-rgb: 118, 130, 108;
$gazebo-green-light: mix(#fff, $gazebo-green, 20%);
$gazebo-green-dark: mix(#000, $gazebo-green, 20%);
.element {
color: $gazebo-green;
box-shadow: 0 0 0 2px rgba($gazebo-green, 0.35);
}