Colore con nome · #76826C
Gazebo Green
Gazebo Green è #76826C: rgb(118 130 108), hsl(93 9% 47%), oklch(0.59 0.036 130.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Gazebo Green color name →
#76826C
oklch(0.59 0.036 130.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 838E7A
- 909A88
- 9DA696
- ABB2A4
- B8BFB3
- C6CBC2
- D4D8D1
- E2E5E0
- F0F2EF
Ombre
- 66705D
- 565F4E
- 474E40
- 383E32
- 292F25
- 1C2019
- 0F120D
- 050604
- 010100
Toni
- 77826E
- 788270
- 798172
- 7A8174
- 7B8176
- 7C8178
- 7D817A
- 7E807C
- 7F807E
Armonie di colore
Complementare +180°
- 76826C
Gazebo Green
- 84788D
≈ Mythical
Analogo -30° +30°
- 76826C
Gazebo Green
- 827E66
≈ Knotweed
- 6B8476
≈ Wild Beet Leaf
Triadico +120° +240°
- 76826C
Gazebo Green
- 6E7F92
≈ Chain Gang Grey
- 917578
≈ Socialite
Complementare divisa +150° +210°
- 76826C
Gazebo Green
- 797B93
≈ Waterloo
- 8D7584
≈ Plum Legacy
Tetradico +90° +180° +270°
- 76826C
Gazebo Green
- 66838C
≈ Puddle Jumper
- 84788D
≈ Mythical
- 91776D
≈ Cadian
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.05:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.17:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
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);
}