Nearest named color · #5DB1B2
#5DB1B2
Nearest named color: Thalassa
#5DB1B2 (rgb(93 177 178), hsl(181 36% 53%), oklch(0.708 0.082 196.5)) is closest to the named color Thalassa. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5DB1B2
oklch(0.708 0.082 196.5)
Color conversions
- HEX
- #5db1b2
- RGB
- rgb(93 177 178)
- HSL
- hsl(181 36% 53%)
- HWB
- hwb(181 36% 30%)
- OKLCH
- oklch(0.708 0.082 196.5)
- OKLab
- oklab(0.708 -0.078 -0.023)
- CIE Lab
- lab(67.02 -26.43 -8.86)
- LCH
- lch(67.02 27.87 198.5)
- CMYK
- cmyk(48% 1% 0% 30%)
Tints · Shades · Tones
Tints
- 6FB9BA
- 80C1C1
- 91C8C9
- A1D0D0
- B1D8D8
- C1E0E0
- D0E8E7
- E0EFEF
- EFF7F7
Shades
- 50999A
- 438383
- 376C6D
- 2A5757
- 1F4243
- 142F2F
- 0A1C1D
- 030C0C
- 000101
Tones
- 63ACAD
- 68A7A8
- 6CA2A3
- 709D9E
- 739999
- 779494
- 798F8F
- 7C8A8A
- 7E8585
Color harmonies
Complementary +180°
- 5DB1B2
Thalassa
- CF8C8F
≈ Martini East
Analogous -30° +30°
- 5DB1B2
Thalassa
- 6DB296
≈ Dusty Jade Green
- 66ACC8
≈ Blue Topaz
Triadic +120° +240°
- 5DB1B2
Thalassa
- B691C3
≈ Lavender Blaze
- BE9A66
≈ Edgy Green
Split-complementary +150° +210°
- 5DB1B2
Thalassa
- C78CAB
≈ Bonny Belle
- CC9175
≈ Terra Cotta Clay
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.50:1 · APCA Lc 49
Ag
AAAOn black
WCAG 8.39:1 · APCA Lc 53
Best text color: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Code snippets
CSS
:root {
--thalassa: #5db1b2;
--thalassa-rgb: 93 177 178;
--thalassa-oklch: oklch(0.708 0.082 196.5);
}
.element {
color: var(--thalassa);
background-color: hsl(181 36% 53%);
border-color: oklch(0.708 0.082 196.5);
}Tailwind CSS v4
@theme {
--color-thalassa: #5db1b2;
--color-thalassa-50: #dbfdfe;
--color-thalassa-100: #c9f1f2;
--color-thalassa-200: #ace0e1;
--color-thalassa-300: #84c5c7;
--color-thalassa-400: #5faeaf;
--color-thalassa-500: #339798;
--color-thalassa-600: #2e8081;
--color-thalassa-700: #246667;
--color-thalassa-800: #194b4b;
--color-thalassa-900: #103434;
--color-thalassa-950: #02201f;
}SCSS
$thalassa: #5db1b2;
$thalassa-rgb: 93, 177, 178;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}