Colore con nome · #80BF69
Hillside Grove
Hillside Grove è #80BF69: rgb(128 191 105), hsl(104 40% 58%), oklch(0.741 0.134 137.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Hillside Grove color name →
#80BF69
oklch(0.741 0.134 137.8)
Conversioni di colore
- HEX
- #80bf69
- RGB
- rgb(128 191 105)
- HSL
- hsl(104 40% 58%)
- HWB
- hwb(104 41% 25%)
- OKLCH
- oklch(0.741 0.134 137.8)
- OKLab
- oklab(0.741 -0.099 0.09)
- CIE Lab
- lab(71.56 -33.06 36.56)
- LCH
- lch(71.56 49.29 132.1)
- CMYK
- cmyk(33% 0% 45% 25%)
Tinte · Ombre · Toni
Tinte
- 8DC679
- 9ACC88
- A6D397
- B3D9A6
- C0E0B5
- CCE6C4
- D9ECD2
- E6F3E1
- F2F9F0
Ombre
- 6EA65A
- 5D8D4C
- 4D753E
- 3D5E31
- 2E4824
- 1F3318
- 121F0C
- 060D04
- 010200
Toni
- 81B96C
- 81B270
- 81AC72
- 82A675
- 82A077
- 819979
- 81937B
- 818D7D
- 81867F
Armonie di colore
Complementare +180°
- 80BF69
Hillside Grove
- CE8FE2
≈ Blush Essence
Analogo -30° +30°
- 80BF69
Hillside Grove
- B4B13F
≈ Friendly Frog
- 3AC69B
≈ Jadeite
Triadico +120° +240°
- 80BF69
Hillside Grove
- 74ACFF
≈ Fennel Flower
- F4868B
≈ Flamingo Dream
Complementare divisa +150° +210°
- 80BF69
Hillside Grove
- A79DFB
≈ Cobalite
- E886BA
≈ Fuchsia Blush
Tetradico +90° +180° +270°
- 80BF69
Hillside Grove
- 2DBBED
≈ Blue Bikini
- CE8FE2
≈ Blush Essence
- EF8F5C
≈ Chinese Lantern
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.57:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.57:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--hillside-grove: #80bf69;
--hillside-grove-rgb: 128 191 105;
--hillside-grove-oklch: oklch(0.741 0.134 137.8);
}
.element {
color: var(--hillside-grove);
background-color: hsl(104 40% 58%);
border-color: oklch(0.741 0.134 137.8);
}Tailwind CSS v4
@theme {
--color-hillside-grove: #80bf69;
--color-hillside-grove-50: #e2ffdb;
--color-hillside-grove-100: #d1f4c9;
--color-hillside-grove-200: #b6e3ac;
--color-hillside-grove-300: #93c886;
--color-hillside-grove-400: #76b160;
--color-hillside-grove-500: #569a3a;
--color-hillside-grove-600: #498233;
--color-hillside-grove-700: #3a6828;
--color-hillside-grove-800: #2c4c19;
--color-hillside-grove-900: #1e3510;
--color-hillside-grove-950: #0d2003;
}SCSS
$hillside-grove: #80bf69;
$hillside-grove-rgb: 128, 191, 105;
$hillside-grove-light: mix(#fff, $hillside-grove, 20%);
$hillside-grove-dark: mix(#000, $hillside-grove, 20%);
.element {
color: $hillside-grove;
box-shadow: 0 0 0 2px rgba($hillside-grove, 0.35);
}