Couleur nommée · #76826C
Gazebo Green
Gazebo Green correspond à #76826C : rgb(118 130 108), hsl(93 9% 47%), oklch(0.59 0.036 130.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Gazebo Green color name →
#76826C
oklch(0.59 0.036 130.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 838E7A
- 909A88
- 9DA696
- ABB2A4
- B8BFB3
- C6CBC2
- D4D8D1
- E2E5E0
- F0F2EF
Ombres
- 66705D
- 565F4E
- 474E40
- 383E32
- 292F25
- 1C2019
- 0F120D
- 050604
- 010100
Tons
- 77826E
- 788270
- 798172
- 7A8174
- 7B8176
- 7C8178
- 7D817A
- 7E807C
- 7F807E
Harmonies de couleurs
Complémentaire +180°
- 76826C
Gazebo Green
- 84788D
≈ Mythical
Analogue -30° +30°
- 76826C
Gazebo Green
- 827E66
≈ Knotweed
- 6B8476
≈ Wild Beet Leaf
Triadique +120° +240°
- 76826C
Gazebo Green
- 6E7F92
≈ Chain Gang Grey
- 917578
≈ Socialite
Complémentaire divisée +150° +210°
- 76826C
Gazebo Green
- 797B93
≈ Waterloo
- 8D7584
≈ Plum Legacy
Tétradique +90° +180° +270°
- 76826C
Gazebo Green
- 66838C
≈ Puddle Jumper
- 84788D
≈ Mythical
- 91776D
≈ Cadian
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.05:1 · APCA Lc 68
Ag
AASur noir
WCAG 5.17:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
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);
}