이름 색상 · #6E99D1
Sea Loch
Sea Loch은(는) #6E99D1: rgb(110 153 209), hsl(214 52% 63%), oklch(0.674 0.096 255.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Sea Loch color name →
#6E99D1
oklch(0.674 0.096 255.4)
색상 변환
- HEX
- #6e99d1
- RGB
- rgb(110 153 209)
- HSL
- hsl(214 52% 63%)
- HWB
- hwb(214 43% 18%)
- OKLCH
- oklch(0.674 0.096 255.4)
- OKLab
- oklab(0.674 -0.024 -0.093)
- CIE Lab
- lab(61.8 -3.5 -33.79)
- LCH
- lch(61.8 33.97 264.1)
- CMYK
- cmyk(47% 27% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 7CA3D6
- 8AADDB
- 99B7E0
- A7C2E5
- B5CCE9
- C4D6EE
- D2E0F2
- E1EAF7
- F0F5FB
셰이드
- 5F84B5
- 50709B
- 415D81
- 334A68
- 263850
- 192739
- 0E1723
- 040810
- 010102
톤
- 7097C9
- 7294C1
- 7492B9
- 7690B1
- 788DA9
- 7A8BA0
- 7C8898
- 7D8590
- 7F8388
색 조화
보색 +180°
- 6E99D1
Sea Loch
- B98E4F
≈ Harvest Blessing
유사색 -30° +30°
- 6E99D1
Sea Loch
- 4BA3C3
≈ Oasis Spring
- 918ECF
≈ Adora
삼각 배색 +120° +240°
- 6E99D1
Sea Loch
- CB7E83
≈ Dirty Pink
- 7CA467
≈ Ready Lawn
분열 보색 +150° +210°
- 6E99D1
Sea Loch
- C88364
≈ Cabana Melon
- 9F9A51
≈ Formosan Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.94:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.14:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--sea-loch: #6e99d1;
--sea-loch-rgb: 110 153 209;
--sea-loch-oklch: oklch(0.674 0.096 255.4);
}
.element {
color: var(--sea-loch);
background-color: hsl(214 52% 63%);
border-color: oklch(0.674 0.096 255.4);
}Tailwind CSS v4
@theme {
--color-sea-loch: #6e99d1;
--color-sea-loch-50: #e4f7ff;
--color-sea-loch-100: #d4eaff;
--color-sea-loch-200: #bbd6fe;
--color-sea-loch-300: #99bae9;
--color-sea-loch-400: #78a1d7;
--color-sea-loch-500: #5988c5;
--color-sea-loch-600: #4c73a6;
--color-sea-loch-700: #3d5c85;
--color-sea-loch-800: #2a4463;
--color-sea-loch-900: #1c2f45;
--color-sea-loch-950: #0c1b2d;
}SCSS
$sea-loch: #6e99d1;
$sea-loch-rgb: 110, 153, 209;
$sea-loch-light: mix(#fff, $sea-loch, 20%);
$sea-loch-dark: mix(#000, $sea-loch, 20%);
.element {
color: $sea-loch;
box-shadow: 0 0 0 2px rgba($sea-loch, 0.35);
}