Named color · #7AC6D9
Water Flow
Water Flow is #7AC6D9: rgb(122 198 217), hsl(192 56% 66%), oklch(0.784 0.08 215.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Water Flow color name →
#7AC6D9
oklch(0.784 0.08 215.5)
Color conversions
- HEX
- #7ac6d9
- RGB
- rgb(122 198 217)
- HSL
- hsl(192 56% 66%)
- HWB
- hwb(192 48% 15%)
- OKLCH
- oklch(0.784 0.08 215.5)
- OKLab
- oklab(0.784 -0.065 -0.046)
- CIE Lab
- lab(75.46 -20.83 -17.33)
- LCH
- lch(75.46 27.1 219.8)
- CMYK
- cmyk(44% 9% 0% 15%)
Tints · Shades · Tones
Tints
- 89CCDD
- 97D2E1
- A4D7E5
- B1DDE8
- BFE3EC
- CCE8F0
- D9EEF4
- E5F4F8
- F2F9FB
Shades
- 69ACBC
- 5992A1
- 497A86
- 3A626C
- 2B4B53
- 1D353B
- 102125
- 050E11
- 010202
Tones
- 7CBFD0
- 7DB8C7
- 7FB1BE
- 80AAB5
- 80A3AC
- 819CA3
- 81959A
- 818E91
- 818789
Color harmonies
Complementary +180°
- 7AC6D9
Water Flow
- E7A796
≈ Ageless Beauty
Analogous -30° +30°
- 7AC6D9
Water Flow
- 7ACAC0
≈ Cyantific
- 8EBEE9
≈ Blue Shutters
Triadic +120° +240°
- 7AC6D9
Water Flow
- DAA6CD
≈ Tiara Pink
- C8B97D
≈ Frozen Marguerita
Split-complementary +150° +210°
- 7AC6D9
Water Flow
- E6A4B1
≈ Love at First Sight
- DCAF82
≈ Desert Mist
Tetradic +90° +180° +270°
- 7AC6D9
Water Flow
- C5ACE2
≈ Perfume
- E7A796
≈ Ageless Beauty
- ACC28A
≈ Shrubbery
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.90:1 · APCA Lc 66
Best text color: #000000
WCAG 10.90:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--water-flow: #7ac6d9;
--water-flow-rgb: 122 198 217;
--water-flow-oklch: oklch(0.784 0.08 215.5);
}
.element {
color: var(--water-flow);
background-color: hsl(192 56% 66%);
border-color: oklch(0.784 0.08 215.5);
}Tailwind CSS v4
@theme {
--color-water-flow: #7ac6d9;
--color-water-flow-50: #ddfbff;
--color-water-flow-100: #cbeffa;
--color-water-flow-200: #afddeb;
--color-water-flow-300: #88c2d2;
--color-water-flow-400: #64abbc;
--color-water-flow-500: #3b93a8;
--color-water-flow-600: #347d8e;
--color-water-flow-700: #296471;
--color-water-flow-800: #1c4a53;
--color-water-flow-900: #12333a;
--color-water-flow-950: #041f24;
}SCSS
$water-flow: #7ac6d9;
$water-flow-rgb: 122, 198, 217;
$water-flow-light: mix(#fff, $water-flow, 20%);
$water-flow-dark: mix(#000, $water-flow, 20%);
.element {
color: $water-flow;
box-shadow: 0 0 0 2px rgba($water-flow, 0.35);
}