Colore con nome · #5C97CF
Winter Lake
Winter Lake è #5C97CF: rgb(92 151 207), hsl(209 55% 59%), oklch(0.659 0.104 248.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Winter Lake color name →
#5C97CF
oklch(0.659 0.104 248.5)
Conversioni di colore
- HEX
- #5c97cf
- RGB
- rgb(92 151 207)
- HSL
- hsl(209 55% 59%)
- HWB
- hwb(209 36% 19%)
- OKLCH
- oklch(0.659 0.104 248.5)
- OKLab
- oklab(0.659 -0.038 -0.097)
- CIE Lab
- lab(60.2 -7.47 -35.24)
- LCH
- lch(60.2 36.02 258)
- CMYK
- cmyk(56% 27% 0% 19%)
Tinte · Ombre · Toni
Tinte
- 6DA1D4
- 7DACD9
- 8DB6DE
- 9DC0E3
- ADCBE8
- BED5ED
- CEE0F2
- DEEAF6
- EFF5FB
Ombre
- 4F83B4
- 426F99
- 365C7F
- 2A4967
- 1F374F
- 142638
- 0A1723
- 030810
- 000102
Toni
- 6195C7
- 6593BF
- 6991B7
- 6D8FB0
- 718CA8
- 748AA0
- 778898
- 7A8590
- 7D8388
Armonie di colore
Complementare +180°
- 5C97CF
Winter Lake
- BC8546
≈ Arrakis Spice
Analogo -30° +30°
- 5C97CF
Winter Lake
- 32A1BD
≈ Maui
- 848BD1
≈ True Lavender
Triadico +120° +240°
- 5C97CF
Winter Lake
- C87685
≈ Long Spring
- 7F9E57
≈ Verdant Serenade
Complementare divisa +150° +210°
- 5C97CF
Winter Lake
- C97B62
≈ Gold Pheasant
- A39341
≈ 18th Century Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.09:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.78:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--winter-lake: #5c97cf;
--winter-lake-rgb: 92 151 207;
--winter-lake-oklch: oklch(0.659 0.104 248.5);
}
.element {
color: var(--winter-lake);
background-color: hsl(209 55% 59%);
border-color: oklch(0.659 0.104 248.5);
}Tailwind CSS v4
@theme {
--color-winter-lake: #5c97cf;
--color-winter-lake-50: #e0f8ff;
--color-winter-lake-100: #cfebff;
--color-winter-lake-200: #b3d8ff;
--color-winter-lake-300: #8fbceb;
--color-winter-lake-400: #6ca4d9;
--color-winter-lake-500: #498bc8;
--color-winter-lake-600: #3f76a9;
--color-winter-lake-700: #325e87;
--color-winter-lake-800: #214564;
--color-winter-lake-900: #163046;
--color-winter-lake-950: #071c2e;
}SCSS
$winter-lake: #5c97cf;
$winter-lake-rgb: 92, 151, 207;
$winter-lake-light: mix(#fff, $winter-lake, 20%);
$winter-lake-dark: mix(#000, $winter-lake, 20%);
.element {
color: $winter-lake;
box-shadow: 0 0 0 2px rgba($winter-lake, 0.35);
}