Colore con nome · #79B088
Green Bank
Green Bank è #79B088: rgb(121 176 136), hsl(136 26% 58%), oklch(0.708 0.082 152.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Bank color name →
#79B088
oklch(0.708 0.082 152.4)
Conversioni di colore
- HEX
- #79b088
- RGB
- rgb(121 176 136)
- HSL
- hsl(136 26% 58%)
- HWB
- hwb(136 47% 31%)
- OKLCH
- oklch(0.708 0.082 152.4)
- OKLab
- oklab(0.708 -0.073 0.038)
- CIE Lab
- lab(67.18 -25.16 14.57)
- LCH
- lch(67.18 29.07 149.9)
- CMYK
- cmyk(31% 0% 23% 31%)
Tinte · Ombre · Toni
Tinte
- 86B893
- 94C09F
- A1C8AB
- AFCFB6
- BCD7C2
- C9DFCE
- D7E7DA
- E4EFE6
- F1F7F3
Ombre
- 689975
- 588263
- 486C52
- 395641
- 2B4231
- 1D2E22
- 101C13
- 050B06
- 010101
Toni
- 7AAB87
- 7BA687
- 7CA286
- 7D9D85
- 7E9884
- 7F9384
- 7F8E83
- 808A82
- 808581
Armonie di colore
Complementare +180°
- 79B088
Green Bank
- C08EB7
≈ La la Love
Analogo -30° +30°
- 79B088
Green Bank
- 98A96F
≈ Green Plaza
- 61B2A5
≈ Artesian Well
Triadico +120° +240°
- 79B088
Green Bank
- 8F9ED5
≈ Azureno
- CF8E80
≈ Constant Coral
Complementare divisa +150° +210°
- 79B088
Green Bank
- AA95CC
≈ Gorgeous Hydrangea
- CD8B9C
≈ Can Can
Tetradico +90° +180° +270°
- 79B088
Green Bank
- 72A7D0
≈ Chronus Blue
- C08EB7
≈ La la Love
- C6966B
≈ Sonora Shade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.37:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--green-bank: #79b088;
--green-bank-rgb: 121 176 136;
--green-bank-oklch: oklch(0.708 0.082 152.4);
}
.element {
color: var(--green-bank);
background-color: hsl(136 26% 58%);
border-color: oklch(0.708 0.082 152.4);
}Tailwind CSS v4
@theme {
--color-green-bank: #79b088;
--color-green-bank-50: #e4fdeb;
--color-green-bank-100: #d4f1dc;
--color-green-bank-200: #badfc5;
--color-green-bank-300: #97c4a5;
--color-green-bank-400: #79ad87;
--color-green-bank-500: #5a966b;
--color-green-bank-600: #4c7f5b;
--color-green-bank-700: #3d6649;
--color-green-bank-800: #2c4a33;
--color-green-bank-900: #1e3423;
--color-green-bank-950: #0e1f12;
}SCSS
$green-bank: #79b088;
$green-bank-rgb: 121, 176, 136;
$green-bank-light: mix(#fff, $green-bank, 20%);
$green-bank-dark: mix(#000, $green-bank, 20%);
.element {
color: $green-bank;
box-shadow: 0 0 0 2px rgba($green-bank, 0.35);
}