Benannte Farbe · #7C929A
Silent Tide
Silent Tide ist #7C929A: rgb(124 146 154), hsl(196 13% 55%), oklch(0.645 0.028 221.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Silent Tide color name →
#7C929A
oklch(0.645 0.028 221.8)
Farbumrechnungen
- HEX
- #7c929a
- RGB
- rgb(124 146 154)
- HSL
- hsl(196 13% 55%)
- HWB
- hwb(196 49% 40%)
- OKLCH
- oklch(0.645 0.028 221.8)
- OKLab
- oklab(0.645 -0.021 -0.019)
- CIE Lab
- lab(59.02 -6.75 -7.01)
- LCH
- lch(59.02 9.73 226.1)
- CMYK
- cmyk(19% 5% 0% 40%)
Tints · Shades · Tones
Tints
- 889CA4
- 95A7AD
- A2B2B7
- AFBCC1
- BCC7CB
- C9D2D6
- D6DDE0
- E4E8EA
- F1F4F5
Shades
- 6B7E85
- 5A6B71
- 4A585E
- 3B464B
- 2C3539
- 1E2527
- 111617
- 050809
- 010101
Tones
- 7D9097
- 7D8E95
- 7D8D92
- 7E8B90
- 7E898D
- 7F878A
- 7F8588
- 7F8485
- 808283
Farbharmonien
Komplementär +180°
- 7C929A
Silent Tide
- 9D8981
≈ Cocoa Berry
Analog -30° +30°
- 7C929A
Silent Tide
- 7B9392
≈ Castaway Cove
- 828F9F
≈ Diopside Blue
Triadisch +120° +240°
- 7C929A
Silent Tide
- 9A8793
≈ Purple Mauve
- 918F7C
≈ Olivine Grey
Geteilt komplementär +150° +210°
- 7C929A
Silent Tide
- 9E8789
≈ Mauverine
- 998B7C
≈ Light Mahogany
Tetradisch +90° +180° +270°
- 7C929A
Silent Tide
- 93899A
≈ Gentle Grape
- 9D8981
≈ Cocoa Berry
- 889280
≈ Eucalyptus Wreath
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.26:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.43:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--silent-tide: #7c929a;
--silent-tide-rgb: 124 146 154;
--silent-tide-oklch: oklch(0.645 0.028 221.8);
}
.element {
color: var(--silent-tide);
background-color: hsl(196 13% 55%);
border-color: oklch(0.645 0.028 221.8);
}Tailwind CSS v4
@theme {
--color-silent-tide: #7c929a;
--color-silent-tide-50: #edf7fb;
--color-silent-tide-100: #dfeaef;
--color-silent-tide-200: #c8d7dd;
--color-silent-tide-300: #a9bbc2;
--color-silent-tide-400: #8da3aa;
--color-silent-tide-500: #738b93;
--color-silent-tide-600: #61757d;
--color-silent-tide-700: #4e5e64;
--color-silent-tide-800: #384549;
--color-silent-tide-900: #263033;
--color-silent-tide-950: #151c1e;
}SCSS
$silent-tide: #7c929a;
$silent-tide-rgb: 124, 146, 154;
$silent-tide-light: mix(#fff, $silent-tide, 20%);
$silent-tide-dark: mix(#000, $silent-tide, 20%);
.element {
color: $silent-tide;
box-shadow: 0 0 0 2px rgba($silent-tide, 0.35);
}