Nearest named color · #5598B9
#5598B9
Nearest named color: Lake Lucerne
#5598B9 (rgb(85 152 185), hsl(200 42% 53%), oklch(0.648 0.084 231.4)) is closest to the named color Lake Lucerne. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5598B9
oklch(0.648 0.084 231.4)
Color conversions
- HEX
- #5598b9
- RGB
- rgb(85 152 185)
- HSL
- hsl(200 42% 53%)
- HWB
- hwb(200 33% 27%)
- OKLCH
- oklch(0.648 0.084 231.4)
- OKLab
- oklab(0.648 -0.052 -0.066)
- CIE Lab
- lab(59.41 -14.97 -24.19)
- LCH
- lch(59.41 28.45 238.2)
- CMYK
- cmyk(54% 18% 0% 27%)
Tints · Shades · Tones
Tints
- 67A2C0
- 78ACC7
- 89B7CE
- 9AC1D5
- ABCBDC
- BCD5E3
- CCE0EA
- DDEAF1
- EEF5F8
Shades
- 4984A0
- 3D7089
- 315C71
- 264A5B
- 1C3846
- 112731
- 08171E
- 02080D
- 000102
Tones
- 5B96B3
- 6093AE
- 6591A8
- 6A8FA2
- 6E8C9D
- 728A97
- 768891
- 79858B
- 7D8386
Color harmonies
Complementary +180°
- 5598B9
Lake Lucerne
- B8805F
≈ Silken Chocolate
Analogous -30° +30°
- 5598B9
Lake Lucerne
- 469EA4
≈ Aqua Fresco
- 728FC2
≈ Purple Hyacinth
Triadic +120° +240°
- 5598B9
Lake Lucerne
- B77995
≈ Choral Singer
- 909456
≈ Topiary
Split-complementary +150° +210°
- 5598B9
Lake Lucerne
- BD7A78
≈ Wild Party
- A98A51
≈ Graceful Gazelle
Tetradic +90° +180° +270°
- 5598B9
Lake Lucerne
- A77EAE
≈ Heart Potion
- B8805F
≈ Silken Chocolate
- 729C6C
≈ Blackthorn Green
Contrast & accessibility
Ag
FailOn white
WCAG 3.19:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.57:1 · APCA Lc 43
Best text color: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--lake-lucerne: #5598b9;
--lake-lucerne-rgb: 85 152 185;
--lake-lucerne-oklch: oklch(0.648 0.084 231.4);
}
.element {
color: var(--lake-lucerne);
background-color: hsl(200 42% 53%);
border-color: oklch(0.648 0.084 231.4);
}Tailwind CSS v4
@theme {
--color-lake-lucerne: #5598b9;
--color-lake-lucerne-50: #dffaff;
--color-lake-lucerne-100: #cdedff;
--color-lake-lucerne-200: #b2dbf3;
--color-lake-lucerne-300: #8cbfdc;
--color-lake-lucerne-400: #69a8c8;
--color-lake-lucerne-500: #4490b4;
--color-lake-lucerne-600: #3b7a98;
--color-lake-lucerne-700: #2f627a;
--color-lake-lucerne-800: #1f485a;
--color-lake-lucerne-900: #15323f;
--color-lake-lucerne-950: #061e28;
}SCSS
$lake-lucerne: #5598b9;
$lake-lucerne-rgb: 85, 152, 185;
$lake-lucerne-light: mix(#fff, $lake-lucerne, 20%);
$lake-lucerne-dark: mix(#000, $lake-lucerne, 20%);
.element {
color: $lake-lucerne;
box-shadow: 0 0 0 2px rgba($lake-lucerne, 0.35);
}