Nazwany kolor · #84C3AA
Gauss Blaster Green
Gauss Blaster Green to #84C3AA: rgb(132 195 170), hsl(156 34% 64%), oklch(0.767 0.074 167.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gauss Blaster Green color name →
#84C3AA
oklch(0.767 0.074 167.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91C9B2
- 9DCFBB
- AAD5C3
- B6DBCB
- C2E1D4
- CEE7DC
- DBEDE5
- E7F3EE
- F3F9F6
Odcienie ciemniejsze
- 72A993
- 60907D
- 4F7868
- 3F6053
- 2F4A3F
- 20342D
- 12201B
- 060E0B
- 010201
Tony
- 84BCA6
- 85B5A1
- 85AF9D
- 84A899
- 84A195
- 839A91
- 83948C
- 828D88
- 818784
Harmonie kolorów
Komplementarna +180°
- 84C3AA
Gauss Blaster Green
- D8A1BC
≈ Pastel Lavender
Analogowa -30° +30°
- 84C3AA
Gauss Blaster Green
- 9DBF91
≈ Olive Sand
- 78C2C4
≈ Pure Turquoise
Triada +120° +240°
- 84C3AA
Gauss Blaster Green
- B0ADE1
≈ Maximum Blue Purple
- DCA68B
≈ Nairobi Dusk
Komplementarna rozszczepiona +150° +210°
- 84C3AA
Gauss Blaster Green
- C7A5D3
≈ Lilac Lace
- DFA1A2
≈ Pink Pussycat
Tetrada +90° +180° +270°
- 84C3AA
Gauss Blaster Green
- 96B5E3
≈ Adrift on the Nile
- D8A1BC
≈ Pastel Lavender
- CEAE7D
≈ Fawn
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.36:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
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);
}