Benannte Farbe · #6797A2
Shore Water
Shore Water ist #6797A2: rgb(103 151 162), hsl(191 24% 52%), oklch(0.646 0.054 213.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Shore Water color name →
#6797A2
oklch(0.646 0.054 213.6)
Farbumrechnungen
- HEX
- #6797a2
- RGB
- rgb(103 151 162)
- HSL
- hsl(191 24% 52%)
- HWB
- hwb(191 40% 36%)
- OKLCH
- oklch(0.646 0.054 213.6)
- OKLab
- oklab(0.646 -0.045 -0.03)
- CIE Lab
- lab(59.34 -14.63 -11.24)
- LCH
- lch(59.34 18.45 217.5)
- CMYK
- cmyk(36% 7% 0% 36%)
Tints · Shades · Tones
Tints
- 76A1AB
- 85ABB4
- 94B5BD
- A3C0C6
- B2CAD0
- C1D4D9
- D1DFE2
- E0EAEC
- EFF4F5
Shades
- 59838C
- 4B6F77
- 3D5C63
- 30494F
- 23373C
- 17262A
- 0C1719
- 04080A
- 000101
Tones
- 6A959F
- 6D929B
- 709098
- 738E94
- 758C91
- 78898E
- 7A878A
- 7C8587
- 7E8283
Farbharmonien
Komplementär +180°
- 6797A2
Shore Water
- AC8379
≈ Smoke Bush Rose
Analog -30° +30°
- 6797A2
Shore Water
- 689991
≈ Little League
- 7292AD
≈ Wink
Triadisch +120° +240°
- 6797A2
Shore Water
- A3829C
≈ Pink Plumeria
- 998E68
≈ Autumn Laurel
Geteilt komplementär +150° +210°
- 6797A2
Shore Water
- AB818A
≈ Natural Spring
- A6876C
≈ Caramel Sundae
Tetradisch +90° +180° +270°
- 6797A2
Shore Water
- 9586A9
≈ Purple Phantom
- AC8379
≈ Smoke Bush Rose
- 879470
≈ Royal Oakleaf
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.52:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--shore-water: #6797a2;
--shore-water-rgb: 103 151 162;
--shore-water-oklch: oklch(0.646 0.054 213.6);
}
.element {
color: var(--shore-water);
background-color: hsl(191 24% 52%);
border-color: oklch(0.646 0.054 213.6);
}Tailwind CSS v4
@theme {
--color-shore-water: #6797a2;
--color-shore-water-50: #e5f9ff;
--color-shore-water-100: #d5edf3;
--color-shore-water-200: #bbdbe3;
--color-shore-water-300: #99bfc9;
--color-shore-water-400: #79a7b2;
--color-shore-water-500: #5a909c;
--color-shore-water-600: #4d7a84;
--color-shore-water-700: #3d616a;
--color-shore-water-800: #2b484d;
--color-shore-water-900: #1d3236;
--color-shore-water-950: #0d1d21;
}SCSS
$shore-water: #6797a2;
$shore-water-rgb: 103, 151, 162;
$shore-water-light: mix(#fff, $shore-water, 20%);
$shore-water-dark: mix(#000, $shore-water, 20%);
.element {
color: $shore-water;
box-shadow: 0 0 0 2px rgba($shore-water, 0.35);
}