Colore con nome · #7DC683
Garden Stroll
Garden Stroll è #7DC683: rgb(125 198 131), hsl(125 39% 63%), oklch(0.761 0.12 146.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Garden Stroll color name →
#7DC683
oklch(0.761 0.12 146.2)
Conversioni di colore
- HEX
- #7dc683
- RGB
- rgb(125 198 131)
- HSL
- hsl(125 39% 63%)
- HWB
- hwb(125 49% 22%)
- OKLCH
- oklch(0.761 0.12 146.2)
- OKLab
- oklab(0.761 -0.1 0.067)
- CIE Lab
- lab(73.82 -34.13 26.18)
- LCH
- lch(73.82 43.01 142.5)
- CMYK
- cmyk(37% 0% 34% 22%)
Tinte · Ombre · Toni
Tinte
- 8BCC8F
- 98D29C
- A5D7A8
- B2DDB4
- BFE3C1
- CCE9CD
- D9EED9
- E5F4E6
- F2F9F2
Ombre
- 6CAC71
- 5B9260
- 4B7A4F
- 3B623F
- 2C4B2F
- 1E3520
- 112112
- 050E06
- 010201
Toni
- 7EBF83
- 7FB883
- 80B183
- 81AA83
- 81A383
- 819C82
- 819582
- 818E81
- 818781
Armonie di colore
Complementare +180°
- 7DC683
Garden Stroll
- D996DA
≈ Somewhere in a Fairytale
Analogo -30° +30°
- 7DC683
Garden Stroll
- ADBB5D
≈ Middle Green Yellow
- 49CAAF
≈ Disc Jockey
Triadico +120° +240°
- 7DC683
Garden Stroll
- 8EAFFE
≈ Kitten’s Eye
- F49289
≈ Ibis Wing
Complementare divisa +150° +210°
- 7DC683
Garden Stroll
- B8A1F5
≈ Lavender Cream
- EE90B4
≈ Astilbe
Tetradico +90° +180° +270°
- 7DC683
Garden Stroll
- 5DBDF3
≈ Clean Pool
- D996DA
≈ Somewhere in a Fairytale
- EB9D63
≈ Florida Mango
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.27:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--garden-stroll: #7dc683;
--garden-stroll-rgb: 125 198 131;
--garden-stroll-oklch: oklch(0.761 0.12 146.2);
}
.element {
color: var(--garden-stroll);
background-color: hsl(125 39% 63%);
border-color: oklch(0.761 0.12 146.2);
}Tailwind CSS v4
@theme {
--color-garden-stroll: #7dc683;
--color-garden-stroll-50: #dfffe2;
--color-garden-stroll-100: #cef4d2;
--color-garden-stroll-200: #b2e3b8;
--color-garden-stroll-300: #8dc995;
--color-garden-stroll-400: #6db173;
--color-garden-stroll-500: #4a9b53;
--color-garden-stroll-600: #408347;
--color-garden-stroll-700: #336939;
--color-garden-stroll-800: #264d26;
--color-garden-stroll-900: #19351a;
--color-garden-stroll-950: #09200a;
}SCSS
$garden-stroll: #7dc683;
$garden-stroll-rgb: 125, 198, 131;
$garden-stroll-light: mix(#fff, $garden-stroll, 20%);
$garden-stroll-dark: mix(#000, $garden-stroll, 20%);
.element {
color: $garden-stroll;
box-shadow: 0 0 0 2px rgba($garden-stroll, 0.35);
}