Colore con nome · #7CCA6B
Energise
Energise è #7CCA6B: rgb(124 202 107), hsl(109 47% 61%), oklch(0.766 0.151 140.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Energise color name →
#7CCA6B
oklch(0.766 0.151 140.1)
Conversioni di colore
- HEX
- #7cca6b
- RGB
- rgb(124 202 107)
- HSL
- hsl(109 47% 61%)
- HWB
- hwb(109 42% 21%)
- OKLCH
- oklch(0.766 0.151 140.1)
- OKLab
- oklab(0.766 -0.115 0.097)
- CIE Lab
- lab(74.65 -38.73 39.3)
- LCH
- lch(74.65 55.18 134.6)
- CMYK
- cmyk(39% 0% 47% 21%)
Tinte · Ombre · Toni
Tinte
- 8AD07B
- 97D58A
- A5DB99
- B2E0A8
- BFE5B6
- CCEBC5
- D9F0D3
- E5F5E2
- F2FAF0
Ombre
- 6BAF5C
- 5A954E
- 4A7C3F
- 3B6432
- 2C4D25
- 1E3718
- 11220D
- 050F04
- 010200
Toni
- 7DC36E
- 7FBB71
- 7FB474
- 80AC77
- 81A579
- 819E7B
- 81967C
- 818F7E
- 80877F
Armonie di colore
Complementare +180°
- 7CCA6B
Energise
- DD92EE
≈ Bright Lilac
Analogo -30° +30°
- 7CCA6B
Energise
- B9BB33
≈ Golden Passionfruit
- 09D1A4
≈ Wild Caribbean Green
Triadico +120° +240°
- 7CCA6B
Energise
- 86B4FF
≈ Parakeet Blue
- FF8D8E
≈ Coral Trails
Complementare divisa +150° +210°
- 7CCA6B
Energise
- B2A4FF
≈ Shy Moment
- F988C0
≈ Bubblegum Beam
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.51:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--energise: #7cca6b;
--energise-rgb: 124 202 107;
--energise-oklch: oklch(0.766 0.151 140.1);
}
.element {
color: var(--energise);
background-color: hsl(109 47% 61%);
border-color: oklch(0.766 0.151 140.1);
}Tailwind CSS v4
@theme {
--color-energise: #7cca6b;
--color-energise-50: #ddffd9;
--color-energise-100: #ccf5c7;
--color-energise-200: #b0e5a9;
--color-energise-300: #8acb83;
--color-energise-400: #6bb45b;
--color-energise-500: #479d32;
--color-energise-600: #3d852c;
--color-energise-700: #316a23;
--color-energise-800: #254e14;
--color-energise-900: #19360d;
--color-energise-950: #092102;
}SCSS
$energise: #7cca6b;
$energise-rgb: 124, 202, 107;
$energise-light: mix(#fff, $energise, 20%);
$energise-dark: mix(#000, $energise, 20%);
.element {
color: $energise;
box-shadow: 0 0 0 2px rgba($energise, 0.35);
}