이름 색상 · #6C849B
Lakeville
Lakeville은(는) #6C849B: rgb(108 132 155), hsl(209 19% 52%), oklch(0.603 0.045 247.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Lakeville color name →
#6C849B
oklch(0.603 0.045 247.5)
색상 변환
- HEX
- #6c849b
- RGB
- rgb(108 132 155)
- HSL
- hsl(209 19% 52%)
- HWB
- hwb(209 42% 39%)
- OKLCH
- oklch(0.603 0.045 247.5)
- OKLab
- oklab(0.603 -0.017 -0.041)
- CIE Lab
- lab(53.88 -4.68 -15.36)
- LCH
- lch(53.88 16.05 253)
- CMYK
- cmyk(30% 15% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 7A90A5
- 889CAF
- 96A8B8
- A5B4C2
- B3C0CC
- C2CCD6
- D1D9E0
- E0E5EB
- F0F2F5
셰이드
- 5D7286
- 4E6072
- 404F5E
- 323F4B
- 252F39
- 192028
- 0D1218
- 040609
- 000101
톤
- 6E8498
- 708396
- 728393
- 748390
- 76828E
- 78828B
- 7A8188
- 7C8186
- 7E8083
색 조화
보색 +180°
- 6C849B
Lakeville
- 947C65
≈ Portabello
유사색 -30° +30°
- 6C849B
Lakeville
- 638893
≈ Horizon
- 7A7F9C
≈ Blue Intrigue
삼각 배색 +120° +240°
- 6C849B
Lakeville
- 9A767C
≈ Bohemian Jazz
- 7A866A
≈ Wreath
분열 보색 +150° +210°
- 6C849B
Lakeville
- 9A786E
≈ Chocolate Delight
- 888263
≈ Green Scene
사각 배색 +90° +180° +270°
- 6C849B
Lakeville
- 93778B
≈ Muted Berry
- 947C65
≈ Portabello
- 6B8A77
≈ Capsella
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.88:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.41:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--lakeville: #6c849b;
--lakeville-rgb: 108 132 155;
--lakeville-oklch: oklch(0.603 0.045 247.5);
}
.element {
color: var(--lakeville);
background-color: hsl(209 19% 52%);
border-color: oklch(0.603 0.045 247.5);
}Tailwind CSS v4
@theme {
--color-lakeville: #6c849b;
--color-lakeville-50: #ecf7ff;
--color-lakeville-100: #dde9f7;
--color-lakeville-200: #c6d6e7;
--color-lakeville-300: #a6bace;
--color-lakeville-400: #8aa1b8;
--color-lakeville-500: #6f89a3;
--color-lakeville-600: #5e748a;
--color-lakeville-700: #4b5d6e;
--color-lakeville-800: #364451;
--color-lakeville-900: #252f39;
--color-lakeville-950: #131c23;
}SCSS
$lakeville: #6c849b;
$lakeville-rgb: 108, 132, 155;
$lakeville-light: mix(#fff, $lakeville, 20%);
$lakeville-dark: mix(#000, $lakeville, 20%);
.element {
color: $lakeville;
box-shadow: 0 0 0 2px rgba($lakeville, 0.35);
}