가장 가까운 이름 색상 · #8AB0D1
#8AB0D1
가장 가까운 이름 색상: High Tide
#8AB0D1(rgb(138 176 209), hsl(208 44% 68%), oklch(0.741 0.063 245))와 가장 가까운 이름 색상은 High Tide입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8AB0D1
oklch(0.741 0.063 245)
색상 변환
- HEX
- #8ab0d1
- RGB
- rgb(138 176 209)
- HSL
- hsl(208 44% 68%)
- HWB
- hwb(208 54% 18%)
- OKLCH
- oklch(0.741 0.063 245)
- OKLab
- oklab(0.741 -0.027 -0.057)
- CIE Lab
- lab(69.93 -7.28 -21.21)
- LCH
- lch(69.93 22.42 251.1)
- CMYK
- cmyk(34% 16% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 96B8D6
- A1C0DA
- ADC7DF
- B8CFE4
- C4D7E8
- D0DFED
- DBE7F1
- E7EFF6
- F3F7FB
셰이드
- 7799B5
- 65829B
- 536C81
- 425668
- 324250
- 222E39
- 141C23
- 070B10
- 010102
톤
- 89ABC9
- 88A6C0
- 88A2B8
- 879DB0
- 8698A8
- 8593A0
- 848E98
- 828A90
- 818588
색 조화
보색 +180°
- 8AB0D1
High Tide
- C8A381
≈ Pelican Tan
유사색 -30° +30°
- 8AB0D1
High Tide
- 7CB6C4
≈ Tennis Blue
- 9FA9D4
≈ Whipped Violet
삼각 배색 +120° +240°
- 8AB0D1
High Tide
- CF9BA6
≈ Edwardian Rose
- A2B387
≈ Easy Green
분열 보색 +150° +210°
- 8AB0D1
High Tide
- D09D90
≈ Soft Sienna
- B7AB7E
≈ Fresh Brew
사각 배색 +90° +180° +270°
- 8AB0D1
High Tide
- C59DBB
≈ Idyllic Pink
- C8A381
≈ Pelican Tan
- 8CB79A
≈ Garden View
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.21:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--high-tide: #8ab0d1;
--high-tide-rgb: 138 176 209;
--high-tide-oklch: oklch(0.741 0.063 245);
}
.element {
color: var(--high-tide);
background-color: hsl(208 44% 68%);
border-color: oklch(0.741 0.063 245);
}Tailwind CSS v4
@theme {
--color-high-tide: #8ab0d1;
--color-high-tide-50: #e7f7ff;
--color-high-tide-100: #d8eafc;
--color-high-tide-200: #bfd7ee;
--color-high-tide-300: #9ebbd7;
--color-high-tide-400: #7fa3c2;
--color-high-tide-500: #628bae;
--color-high-tide-600: #537693;
--color-high-tide-700: #425e76;
--color-high-tide-800: #2f4557;
--color-high-tide-900: #20303d;
--color-high-tide-950: #0f1c26;
}SCSS
$high-tide: #8ab0d1;
$high-tide-rgb: 138, 176, 209;
$high-tide-light: mix(#fff, $high-tide, 20%);
$high-tide-dark: mix(#000, $high-tide, 20%);
.element {
color: $high-tide;
box-shadow: 0 0 0 2px rgba($high-tide, 0.35);
}