이름 색상 · #689DB7
Lake Lucerne
Lake Lucerne은(는) #689DB7: rgb(104 157 183), hsl(200 35% 56%), oklch(0.669 0.068 230.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Lake Lucerne color name →
#689DB7
oklch(0.669 0.068 230.3)
색상 변환
- HEX
- #689db7
- RGB
- rgb(104 157 183)
- HSL
- hsl(200 35% 56%)
- HWB
- hwb(200 41% 28%)
- OKLCH
- oklch(0.669 0.068 230.3)
- OKLab
- oklab(0.669 -0.043 -0.052)
- CIE Lab
- lab(61.76 -12.99 -19.4)
- LCH
- lch(61.76 23.35 236.2)
- CMYK
- cmyk(43% 14% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- 77A7BE
- 86B0C5
- 95BACD
- A4C4D4
- B3CDDB
- C2D7E2
- D1E1E9
- E0EBF1
- F0F5F8
셰이드
- 59889F
- 4B7387
- 3E5F70
- 304C5A
- 243A45
- 182831
- 0C181E
- 04090C
- 000102
톤
- 6B9AB1
- 6E97AC
- 7194A6
- 7492A1
- 768F9B
- 788C96
- 7A8990
- 7C868B
- 7E8385
색 조화
보색 +180°
- 689DB7
Lake Lucerne
- B8896F
≈ Carmelite
유사색 -30° +30°
- 689DB7
Lake Lucerne
- 5FA2A5
≈ Meadowbrook
- 7D96BF
≈ Denver River
삼각 배색 +120° +240°
- 689DB7
Lake Lucerne
- B6849A
≈ Nuisette
- 979968
≈ Guacamole
분열 보색 +150° +210°
- 689DB7
Lake Lucerne
- BB8483
≈ Notice Me
- AB9164
≈ Modern Avocado
사각 배색 +90° +180° +270°
- 689DB7
Lake Lucerne
- A887AF
≈ Violet Eclipse
- B8896F
≈ Carmelite
- 7FA078
≈ Green Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.95:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.09:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--lake-lucerne: #689db7;
--lake-lucerne-rgb: 104 157 183;
--lake-lucerne-oklch: oklch(0.669 0.068 230.3);
}
.element {
color: var(--lake-lucerne);
background-color: hsl(200 35% 56%);
border-color: oklch(0.669 0.068 230.3);
}Tailwind CSS v4
@theme {
--color-lake-lucerne: #689db7;
--color-lake-lucerne-50: #e3f9ff;
--color-lake-lucerne-100: #d2ecfb;
--color-lake-lucerne-200: #b8daed;
--color-lake-lucerne-300: #95bed5;
--color-lake-lucerne-400: #74a6bf;
--color-lake-lucerne-500: #548fab;
--color-lake-lucerne-600: #487990;
--color-lake-lucerne-700: #396174;
--color-lake-lucerne-800: #284755;
--color-lake-lucerne-900: #1a313b;
--color-lake-lucerne-950: #0b1d25;
}SCSS
$lake-lucerne: #689db7;
$lake-lucerne-rgb: 104, 157, 183;
$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);
}