Colore con nome · #84C3AA
Gauss Blaster Green
Gauss Blaster Green è #84C3AA: rgb(132 195 170), hsl(156 34% 64%), oklch(0.767 0.074 167.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Gauss Blaster Green color name →
#84C3AA
oklch(0.767 0.074 167.6)
Conversioni di colore
- HEX
- #84c3aa
- RGB
- rgb(132 195 170)
- HSL
- hsl(156 34% 64%)
- HWB
- hwb(156 52% 24%)
- OKLCH
- oklch(0.767 0.074 167.6)
- OKLab
- oklab(0.767 -0.072 0.016)
- CIE Lab
- lab(73.99 -25.12 5.86)
- LCH
- lch(73.99 25.8 166.9)
- CMYK
- cmyk(32% 0% 13% 24%)
Tinte · Ombre · Toni
Tinte
- 91C9B2
- 9DCFBB
- AAD5C3
- B6DBCB
- C2E1D4
- CEE7DC
- DBEDE5
- E7F3EE
- F3F9F6
Ombre
- 72A993
- 60907D
- 4F7868
- 3F6053
- 2F4A3F
- 20342D
- 12201B
- 060E0B
- 010201
Toni
- 84BCA6
- 85B5A1
- 85AF9D
- 84A899
- 84A195
- 839A91
- 83948C
- 828D88
- 818784
Armonie di colore
Complementare +180°
- 84C3AA
Gauss Blaster Green
- D8A1BC
≈ Pastel Lavender
Analogo -30° +30°
- 84C3AA
Gauss Blaster Green
- 9DBF91
≈ Olive Sand
- 78C2C4
≈ Pure Turquoise
Triadico +120° +240°
- 84C3AA
Gauss Blaster Green
- B0ADE1
≈ Maximum Blue Purple
- DCA68B
≈ Nairobi Dusk
Complementare divisa +150° +210°
- 84C3AA
Gauss Blaster Green
- C7A5D3
≈ Lilac Lace
- DFA1A2
≈ Pink Pussycat
Tetradico +90° +180° +270°
- 84C3AA
Gauss Blaster Green
- 96B5E3
≈ Adrift on the Nile
- D8A1BC
≈ Pastel Lavender
- CEAE7D
≈ Fawn
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.36:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--gauss-blaster-green: #84c3aa;
--gauss-blaster-green-rgb: 132 195 170;
--gauss-blaster-green-oklch: oklch(0.767 0.074 167.6);
}
.element {
color: var(--gauss-blaster-green);
background-color: hsl(156 34% 64%);
border-color: oklch(0.767 0.074 167.6);
}Tailwind CSS v4
@theme {
--color-gauss-blaster-green: #84c3aa;
--color-gauss-blaster-green-50: #e1fcf2;
--color-gauss-blaster-green-100: #d1f0e4;
--color-gauss-blaster-green-200: #b6dfcf;
--color-gauss-blaster-green-300: #92c4b1;
--color-gauss-blaster-green-400: #72ad96;
--color-gauss-blaster-green-500: #50967c;
--color-gauss-blaster-green-600: #457f69;
--color-gauss-blaster-green-700: #376654;
--color-gauss-blaster-green-800: #284b3c;
--color-gauss-blaster-green-900: #1a3429;
--color-gauss-blaster-green-950: #0b1f17;
}SCSS
$gauss-blaster-green: #84c3aa;
$gauss-blaster-green-rgb: 132, 195, 170;
$gauss-blaster-green-light: mix(#fff, $gauss-blaster-green, 20%);
$gauss-blaster-green-dark: mix(#000, $gauss-blaster-green, 20%);
.element {
color: $gauss-blaster-green;
box-shadow: 0 0 0 2px rgba($gauss-blaster-green, 0.35);
}