가장 가까운 이름 색상 · #8FCDE7
#8FCDE7
가장 가까운 이름 색상: Below Zero
#8FCDE7(rgb(143 205 231), hsl(198 65% 73%), oklch(0.815 0.073 226.1))와 가장 가까운 이름 색상은 Below Zero입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8FCDE7
oklch(0.815 0.073 226.1)
색상 변환
- HEX
- #8fcde7
- RGB
- rgb(143 205 231)
- HSL
- hsl(198 65% 73%)
- HWB
- hwb(198 56% 9%)
- OKLCH
- oklch(0.815 0.073 226.1)
- OKLab
- oklab(0.815 -0.051 -0.053)
- CIE Lab
- lab(78.88 -15.69 -19.57)
- LCH
- lch(78.88 25.08 231.3)
- CMYK
- cmyk(38% 11% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- 9BD2EA
- A6D7EC
- B2DCEF
- BDE1F1
- C8E6F3
- D3EBF6
- DEF0F8
- E9F5FA
- F4FAFD
셰이드
- 7CB2C9
- 6998AB
- 577E8F
- 456673
- 344E59
- 243840
- 152328
- 070F13
- 010203
톤
- 8EC5DC
- 8DBDD2
- 8CB5C7
- 8BAEBD
- 89A6B2
- 889EA8
- 86979E
- 848F94
- 82888A
색 조화
보색 +180°
- 8FCDE7
Below Zero
- EBB59B
≈ Crab Bisque
유사색 -30° +30°
- 8FCDE7
Below Zero
- 89D2D2
≈ Mountain Lake Blue
- A4C5F2
≈ Sky High
삼각 배색 +120° +240°
- 8FCDE7
Below Zero
- E6B0CD
≈ Roses in the Snow
- C8C68F
≈ Yerba Mate
분열 보색 +150° +210°
- 8FCDE7
Below Zero
- EEB0B2
≈ Deeply Embarrassed
- DEBD8E
≈ Cupola Yellow
사각 배색 +90° +180° +270°
- 8FCDE7
Below Zero
- D5B5E3
≈ Pretty Petunia
- EBB59B
≈ Crab Bisque
- AECE9F
≈ Greenhorn
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.05:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--below-zero: #8fcde7;
--below-zero-rgb: 143 205 231;
--below-zero-oklch: oklch(0.815 0.073 226.1);
}
.element {
color: var(--below-zero);
background-color: hsl(198 65% 73%);
border-color: oklch(0.815 0.073 226.1);
}Tailwind CSS v4
@theme {
--color-below-zero: #8fcde7;
--color-below-zero-50: #e1faff;
--color-below-zero-100: #d0edfb;
--color-below-zero-200: #b5dbed;
--color-below-zero-300: #90bfd5;
--color-below-zero-400: #6ea8c0;
--color-below-zero-500: #4c90ab;
--color-below-zero-600: #417a91;
--color-below-zero-700: #346274;
--color-below-zero-800: #234855;
--color-below-zero-900: #18323b;
--color-below-zero-950: #081e25;
}SCSS
$below-zero: #8fcde7;
$below-zero-rgb: 143, 205, 231;
$below-zero-light: mix(#fff, $below-zero, 20%);
$below-zero-dark: mix(#000, $below-zero, 20%);
.element {
color: $below-zero;
box-shadow: 0 0 0 2px rgba($below-zero, 0.35);
}