이름 색상 · #5C97CF
Winter Lake
Winter Lake은(는) #5C97CF: rgb(92 151 207), hsl(209 55% 59%), oklch(0.659 0.104 248.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Winter Lake color name →
#5C97CF
oklch(0.659 0.104 248.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 6DA1D4
- 7DACD9
- 8DB6DE
- 9DC0E3
- ADCBE8
- BED5ED
- CEE0F2
- DEEAF6
- EFF5FB
셰이드
- 4F83B4
- 426F99
- 365C7F
- 2A4967
- 1F374F
- 142638
- 0A1723
- 030810
- 000102
톤
- 6195C7
- 6593BF
- 6991B7
- 6D8FB0
- 718CA8
- 748AA0
- 778898
- 7A8590
- 7D8388
색 조화
보색 +180°
- 5C97CF
Winter Lake
- BC8546
≈ Arrakis Spice
유사색 -30° +30°
- 5C97CF
Winter Lake
- 32A1BD
≈ Maui
- 848BD1
≈ True Lavender
삼각 배색 +120° +240°
- 5C97CF
Winter Lake
- C87685
≈ Long Spring
- 7F9E57
≈ Verdant Serenade
분열 보색 +150° +210°
- 5C97CF
Winter Lake
- C97B62
≈ Gold Pheasant
- A39341
≈ 18th Century Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.09:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.78:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}