Nazwany kolor · #73C4A4
Gem Silica
Gem Silica to #73C4A4: rgb(115 196 164), hsl(156 41% 61%), oklch(0.759 0.093 166.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gem Silica color name →
#73C4A4
oklch(0.759 0.093 166.6)
Konwersje koloru
- HEX
- #73c4a4
- RGB
- rgb(115 196 164)
- HSL
- hsl(156 41% 61%)
- HWB
- hwb(156 45% 23%)
- OKLCH
- oklch(0.759 0.093 166.6)
- OKLab
- oklab(0.759 -0.091 0.021)
- CIE Lab
- lab(73.31 -31.56 7.97)
- LCH
- lch(73.31 32.55 165.8)
- CMYK
- cmyk(41% 0% 16% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 82CAAD
- 91D0B6
- 9FD6BF
- ADDCC8
- BBE2D1
- C9E8DA
- D7EDE3
- E4F3EC
- F2F9F6
Odcienie ciemniejsze
- 63AA8E
- 549179
- 457864
- 366150
- 284A3D
- 1B352B
- 0F211A
- 050E0A
- 010201
Tony
- 76BDA0
- 78B69D
- 7AAF99
- 7CA995
- 7DA292
- 7E9B8E
- 7F948B
- 808D87
- 808784
Harmonie kolorów
Komplementarna +180°
- 73C4A4
Gem Silica
- DD99BD
≈ Soft Matte
Analogowa -30° +30°
- 73C4A4
Gem Silica
- 95BF84
≈ Hearty Hosta
- 60C3C5
≈ Gem Turquoise
Triada +120° +240°
- 73C4A4
Gem Silica
- ACA8EA
≈ Maximum Blue Purple
- E29F7E
≈ Pecos Spice
Komplementarna rozszczepiona +150° +210°
- 73C4A4
Gem Silica
- C99FD9
≈ Autumn Wisteria
- E6999C
≈ All Dressed Up
Tetrada +90° +180° +270°
- 73C4A4
Gem Silica
- 8AB3EC
≈ Fly Away
- DD99BD
≈ Soft Matte
- D3A96B
≈ Artemis
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.06:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.16:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--gem-silica: #73c4a4;
--gem-silica-rgb: 115 196 164;
--gem-silica-oklch: oklch(0.759 0.093 166.6);
}
.element {
color: var(--gem-silica);
background-color: hsl(156 41% 61%);
border-color: oklch(0.759 0.093 166.6);
}Tailwind CSS v4
@theme {
--color-gem-silica: #73c4a4;
--color-gem-silica-50: #ddfef0;
--color-gem-silica-100: #cbf2e2;
--color-gem-silica-200: #aee2cd;
--color-gem-silica-300: #87c7af;
--color-gem-silica-400: #64b092;
--color-gem-silica-500: #3c9a79;
--color-gem-silica-600: #358266;
--color-gem-silica-700: #2a6852;
--color-gem-silica-800: #1e4c3a;
--color-gem-silica-900: #143528;
--color-gem-silica-950: #052016;
}SCSS
$gem-silica: #73c4a4;
$gem-silica-rgb: 115, 196, 164;
$gem-silica-light: mix(#fff, $gem-silica, 20%);
$gem-silica-dark: mix(#000, $gem-silica, 20%);
.element {
color: $gem-silica;
box-shadow: 0 0 0 2px rgba($gem-silica, 0.35);
}