Named color · #6BB8B5
Swim
Swim is #6BB8B5: rgb(107 184 181), hsl(178 35% 57%), oklch(0.732 0.077 192.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Swim color name →
#6BB8B5
oklch(0.732 0.077 192.4)
Color conversions
- HEX
- #6bb8b5
- RGB
- rgb(107 184 181)
- HSL
- hsl(178 35% 57%)
- HWB
- hwb(178 42% 28%)
- OKLCH
- oklch(0.732 0.077 192.4)
- OKLab
- oklab(0.732 -0.075 -0.016)
- CIE Lab
- lab(69.78 -25.44 -6.36)
- LCH
- lch(69.78 26.22 194)
- CMYK
- cmyk(42% 0% 2% 28%)
Tints · Shades · Tones
Tints
- 7BBFBC
- 8BC6C3
- 9ACDCB
- A8D4D2
- B7DBD9
- C6E3E1
- D4EAE8
- E2F1F0
- F1F8F7
Shades
- 5CA09D
- 4E8886
- 3F716F
- 325B59
- 254544
- 183130
- 0D1E1D
- 040C0C
- 000202
Tones
- 6FB2B0
- 72ADAA
- 75A7A5
- 77A19F
- 799C9A
- 7B9695
- 7D9190
- 7E8B8A
- 7F8685
Color harmonies
Complementary +180°
- 6BB8B5
Swim
- D4959B
≈ Bridal Rose
Analogous -30° +30°
- 6BB8B5
Swim
- 7BB89A
≈ Water Green
- 70B4CB
≈ Aspara
Triadic +120° +240°
- 6BB8B5
Swim
- B99BCC
≈ Turnip Crown
- C7A172
≈ New Fawn
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.29:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.14:1 · APCA Lc 57
Best text color: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--swim: #6bb8b5;
--swim-rgb: 107 184 181;
--swim-oklch: oklch(0.732 0.077 192.4);
}
.element {
color: var(--swim);
background-color: hsl(178 35% 57%);
border-color: oklch(0.732 0.077 192.4);
}Tailwind CSS v4
@theme {
--color-swim: #6bb8b5;
--color-swim-50: #ddfdfc;
--color-swim-100: #ccf0ef;
--color-swim-200: #afdfde;
--color-swim-300: #89c4c3;
--color-swim-400: #65adaa;
--color-swim-500: #3d9693;
--color-swim-600: #357f7d;
--color-swim-700: #2b6664;
--color-swim-800: #1d4b48;
--color-swim-900: #133432;
--color-swim-950: #051f1e;
}SCSS
$swim: #6bb8b5;
$swim-rgb: 107, 184, 181;
$swim-light: mix(#fff, $swim, 20%);
$swim-dark: mix(#000, $swim, 20%);
.element {
color: $swim;
box-shadow: 0 0 0 2px rgba($swim, 0.35);
}