Nearest named color · #5BAABB
#5BAABB
Nearest named color: Finnish Fiord
#5BAABB (rgb(91 170 187), hsl(191 41% 55%), oklch(0.694 0.081 213.4)) is closest to the named color Finnish Fiord. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5BAABB
oklch(0.694 0.081 213.4)
Color conversions
- HEX
- #5baabb
- RGB
- rgb(91 170 187)
- HSL
- hsl(191 41% 55%)
- HWB
- hwb(191 36% 27%)
- OKLCH
- oklch(0.694 0.081 213.4)
- OKLab
- oklab(0.694 -0.068 -0.045)
- CIE Lab
- lab(65.09 -21.79 -16.7)
- LCH
- lch(65.09 27.45 217.5)
- CMYK
- cmyk(51% 9% 0% 27%)
Tints · Shades · Tones
Tints
- 6DB2C2
- 7EBBC9
- 8FC3CF
- 9FCCD6
- AFD4DD
- BFDDE4
- CFE5EA
- DFEEF1
- EFF6F8
Shades
- 4E93A2
- 417D8A
- 356873
- 29535C
- 1E3F46
- 132D32
- 091B1F
- 030B0D
- 000102
Tones
- 61A6B5
- 66A2AF
- 6A9EA9
- 6E99A3
- 72959D
- 759197
- 788D92
- 7B898C
- 7E8486
Color harmonies
Complementary +180°
- 5BAABB
Finnish Fiord
- CA8A7C
≈ Ginger Whisper
Analogous -30° +30°
- 5BAABB
Finnish Fiord
- 5DADA2
≈ Green Crush
- 6FA3CC
≈ Overcast
Triadic +120° +240°
- 5BAABB
Finnish Fiord
- BC8AB2
≈ Joie de Vivre
- AE9C60
≈ Whispering Grasslands
Split-complementary +150° +210°
- 5BAABB
Finnish Fiord
- C88797
≈ Puce
- C19267
≈ Burnished Caramel
Tetradic +90° +180° +270°
- 5BAABB
Finnish Fiord
- A790C6
≈ Lilac Breeze
- CA8A7C
≈ Ginger Whisper
- 93A56C
≈ Lettuce Mound
Contrast & accessibility
Ag
FailOn white
WCAG 2.65:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.91:1 · APCA Lc 50
Best text color: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--finnish-fiord: #5baabb;
--finnish-fiord-rgb: 91 170 187;
--finnish-fiord-oklch: oklch(0.694 0.081 213.4);
}
.element {
color: var(--finnish-fiord);
background-color: hsl(191 41% 55%);
border-color: oklch(0.694 0.081 213.4);
}Tailwind CSS v4
@theme {
--color-finnish-fiord: #5baabb;
--color-finnish-fiord-50: #dcfcff;
--color-finnish-fiord-100: #caeff9;
--color-finnish-fiord-200: #addeea;
--color-finnish-fiord-300: #87c2d2;
--color-finnish-fiord-400: #61abbb;
--color-finnish-fiord-500: #3894a7;
--color-finnish-fiord-600: #317d8d;
--color-finnish-fiord-700: #276471;
--color-finnish-fiord-800: #1a4a52;
--color-finnish-fiord-900: #113339;
--color-finnish-fiord-950: #031f24;
}SCSS
$finnish-fiord: #5baabb;
$finnish-fiord-rgb: 91, 170, 187;
$finnish-fiord-light: mix(#fff, $finnish-fiord, 20%);
$finnish-fiord-dark: mix(#000, $finnish-fiord, 20%);
.element {
color: $finnish-fiord;
box-shadow: 0 0 0 2px rgba($finnish-fiord, 0.35);
}