Nearest named color · #7FC5C4
#7FC5C4
Nearest named color: Riverbed
#7FC5C4 (rgb(127 197 196), hsl(179 38% 64%), oklch(0.777 0.07 194.6)) is closest to the named color Riverbed. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7FC5C4
oklch(0.777 0.07 194.6)
Color conversions
- HEX
- #7fc5c4
- RGB
- rgb(127 197 196)
- HSL
- hsl(179 38% 64%)
- HWB
- hwb(179 50% 23%)
- OKLCH
- oklch(0.777 0.07 194.6)
- OKLab
- oklab(0.777 -0.068 -0.018)
- CIE Lab
- lab(74.88 -23.07 -6.87)
- LCH
- lch(74.88 24.07 196.6)
- CMYK
- cmyk(36% 0% 1% 23%)
Tints · Shades · Tones
Tints
- 8DCBCA
- 9AD1D0
- A7D6D5
- B4DCDB
- C1E2E1
- CDE8E7
- DAEEED
- E6F3F3
- F3F9F9
Shades
- 6EABAA
- 5D9291
- 4C7978
- 3C6161
- 2D4B4A
- 1F3535
- 112121
- 060E0E
- 010202
Tones
- 80BEBD
- 81B7B6
- 82B0AF
- 82A9A8
- 82A2A1
- 829B9B
- 829494
- 818E8D
- 818787
Color harmonies
Complementary +180°
- 7FC5C4
Riverbed
- E0A4A8
≈ Pastel Pink
Analogous -30° +30°
- 7FC5C4
Riverbed
- 8CC5AB
≈ Hellion Green
- 84C1D8
≈ Sky Babe
Triadic +120° +240°
- 7FC5C4
Riverbed
- C7A9D6
≈ Purple Gala
- D1B084
≈ Restrained Gold
Split-complementary +150° +210°
- 7FC5C4
Riverbed
- D8A5C1
≈ Rhubarb Gin
- DEA992
≈ Arizona Dust
Tetradic +90° +180° +270°
- 7FC5C4
Riverbed
- B1B1E2
≈ Beloved
- E0A4A8
≈ Pastel Pink
- BDB985
≈ Slippery Moss
Contrast & accessibility
Ag
FailOn white
WCAG 1.96:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.68:1 · APCA Lc 65
Best text color: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--riverbed: #7fc5c4;
--riverbed-rgb: 127 197 196;
--riverbed-oklch: oklch(0.777 0.07 194.6);
}
.element {
color: var(--riverbed);
background-color: hsl(179 38% 64%);
border-color: oklch(0.777 0.07 194.6);
}Tailwind CSS v4
@theme {
--color-riverbed: #7fc5c4;
--color-riverbed-50: #dffcfc;
--color-riverbed-100: #cef0f0;
--color-riverbed-200: #b2dede;
--color-riverbed-300: #8dc3c3;
--color-riverbed-400: #6aacab;
--color-riverbed-500: #469594;
--color-riverbed-600: #3c7e7d;
--color-riverbed-700: #306564;
--color-riverbed-800: #214a49;
--color-riverbed-900: #163333;
--color-riverbed-950: #071f1e;
}SCSS
$riverbed: #7fc5c4;
$riverbed-rgb: 127, 197, 196;
$riverbed-light: mix(#fff, $riverbed, 20%);
$riverbed-dark: mix(#000, $riverbed, 20%);
.element {
color: $riverbed;
box-shadow: 0 0 0 2px rgba($riverbed, 0.35);
}