Couleur nommée la plus proche · #5BAABB
#5BAABB
Couleur nommée la plus proche: Finnish Fiord
#5BAABB (rgb(91 170 187), hsl(191 41% 55%), oklch(0.694 0.081 213.4)) est la plus proche de la couleur nommée Finnish Fiord. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5BAABB
oklch(0.694 0.081 213.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 6DB2C2
- 7EBBC9
- 8FC3CF
- 9FCCD6
- AFD4DD
- BFDDE4
- CFE5EA
- DFEEF1
- EFF6F8
Ombres
- 4E93A2
- 417D8A
- 356873
- 29535C
- 1E3F46
- 132D32
- 091B1F
- 030B0D
- 000102
Tons
- 61A6B5
- 66A2AF
- 6A9EA9
- 6E99A3
- 72959D
- 759197
- 788D92
- 7B898C
- 7E8486
Harmonies de couleurs
Complémentaire +180°
- 5BAABB
Finnish Fiord
- CA8A7C
≈ Ginger Whisper
Analogue -30° +30°
- 5BAABB
Finnish Fiord
- 5DADA2
≈ Green Crush
- 6FA3CC
≈ Overcast
Triadique +120° +240°
- 5BAABB
Finnish Fiord
- BC8AB2
≈ Joie de Vivre
- AE9C60
≈ Whispering Grasslands
Complémentaire divisée +150° +210°
- 5BAABB
Finnish Fiord
- C88797
≈ Puce
- C19267
≈ Burnished Caramel
Tétradique +90° +180° +270°
- 5BAABB
Finnish Fiord
- A790C6
≈ Lilac Breeze
- CA8A7C
≈ Ginger Whisper
- 93A56C
≈ Lettuce Mound
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.65:1 · APCA Lc 51
Ag
AAASur noir
WCAG 7.91:1 · APCA Lc 50
Meilleure couleur de texte: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Extraits de code
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);
}