Benannte Farbe · #7C939D
Inland Waters
Inland Waters ist #7C939D: rgb(124 147 157), hsl(198 14% 55%), oklch(0.649 0.03 226). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Inland Waters color name →
#7C939D
oklch(0.649 0.03 226)
Farbumrechnungen
- HEX
- #7c939d
- RGB
- rgb(124 147 157)
- HSL
- hsl(198 14% 55%)
- HWB
- hwb(198 49% 38%)
- OKLCH
- oklch(0.649 0.03 226)
- OKLab
- oklab(0.649 -0.021 -0.022)
- CIE Lab
- lab(59.38 -6.75 -8.17)
- LCH
- lch(59.38 10.6 230.5)
- CMYK
- cmyk(21% 6% 0% 38%)
Tints · Shades · Tones
Tints
- 889DA6
- 95A8B0
- A2B2BA
- AFBDC3
- BCC8CD
- C9D3D7
- D6DEE1
- E4E9EB
- F1F4F5
Shades
- 6B7F88
- 5A6C73
- 4A595F
- 3B474C
- 2C363A
- 1E2528
- 111618
- 050809
- 010101
Tones
- 7D919A
- 7D8F97
- 7D8D94
- 7E8B91
- 7E8A8E
- 7F888C
- 7F8689
- 7F8486
- 808283
Farbharmonien
Komplementär +180°
- 7C939D
Inland Waters
- 9F8A80
≈ Aspiration
Analog -30° +30°
- 7C939D
Inland Waters
- 7A9595
≈ North Cape Grey
- 8390A1
≈ Diopside Blue
Triadisch +120° +240°
- 7C939D
Inland Waters
- 9D8893
≈ Piano Mauve
- 91907B
≈ Farmer’s Market
Geteilt komplementär +150° +210°
- 7C939D
Inland Waters
- A08888
≈ Mauverine
- 9A8D7B
≈ Light Khaki
Tetradisch +90° +180° +270°
- 7C939D
Inland Waters
- 96899B
≈ Eccentricity
- 9F8A80
≈ Aspiration
- 879381
≈ Silver Linden Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.22:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.51:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--inland-waters: #7c939d;
--inland-waters-rgb: 124 147 157;
--inland-waters-oklch: oklch(0.649 0.03 226);
}
.element {
color: var(--inland-waters);
background-color: hsl(198 14% 55%);
border-color: oklch(0.649 0.03 226);
}Tailwind CSS v4
@theme {
--color-inland-waters: #7c939d;
--color-inland-waters-50: #edf7fc;
--color-inland-waters-100: #deeaf0;
--color-inland-waters-200: #c8d7de;
--color-inland-waters-300: #a8bbc4;
--color-inland-waters-400: #8ca3ac;
--color-inland-waters-500: #728b96;
--color-inland-waters-600: #60757f;
--color-inland-waters-700: #4d5e65;
--color-inland-waters-800: #37454a;
--color-inland-waters-900: #263033;
--color-inland-waters-950: #141c1f;
}SCSS
$inland-waters: #7c939d;
$inland-waters-rgb: 124, 147, 157;
$inland-waters-light: mix(#fff, $inland-waters, 20%);
$inland-waters-dark: mix(#000, $inland-waters, 20%);
.element {
color: $inland-waters;
box-shadow: 0 0 0 2px rgba($inland-waters, 0.35);
}