가장 가까운 이름 색상 · #94D1F2
#94D1F2
가장 가까운 이름 색상: Below Zero
#94D1F2(rgb(148 209 242), hsl(201 78% 76%), oklch(0.831 0.078 232.6))와 가장 가까운 이름 색상은 Below Zero입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#94D1F2
oklch(0.831 0.078 232.6)
색상 변환
- HEX
- #94d1f2
- RGB
- rgb(148 209 242)
- HSL
- hsl(201 78% 76%)
- HWB
- hwb(201 58% 5%)
- OKLCH
- oklch(0.831 0.078 232.6)
- OKLab
- oklab(0.831 -0.047 -0.062)
- CIE Lab
- lab(80.56 -14.05 -22.86)
- LCH
- lch(80.56 26.83 238.4)
- CMYK
- cmyk(39% 14% 0% 5%)
틴트 · 셰이드 · 톤
틴트
- 9FD6F3
- AADAF5
- B5DFF6
- C0E4F8
- CBE8F9
- D5EDFA
- E0F1FC
- EAF6FD
- F5FAFE
셰이드
- 80B5D2
- 6D9BB4
- 5A8196
- 486879
- 36505E
- 263943
- 16232B
- 081014
- 010203
톤
- 93C9E6
- 91C0DA
- 8FB8CF
- 8EB0C3
- 8CA8B8
- 8AA0AC
- 8798A1
- 859096
- 83888B
색 조화
보색 +180°
- 94D1F2
Below Zero
- F1BA99
≈ Caramel Powder
유사색 -30° +30°
- 94D1F2
Below Zero
- 89D7DE
≈ VIC 20 Sky
- ADC8FB
≈ Night Snow
삼각 배색 +120° +240°
- 94D1F2
Below Zero
- F0B3CC
≈ Fairy Tale
- C8CD93
≈ Springtide Green
분열 보색 +150° +210°
- 94D1F2
Below Zero
- F6B4B0
≈ Precious Pink
- E1C38D
≈ Moonlight Yellow
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.66:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.66:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--below-zero: #94d1f2;
--below-zero-rgb: 148 209 242;
--below-zero-oklch: oklch(0.831 0.078 232.6);
}
.element {
color: var(--below-zero);
background-color: hsl(201 78% 76%);
border-color: oklch(0.831 0.078 232.6);
}Tailwind CSS v4
@theme {
--color-below-zero: #94d1f2;
--color-below-zero-50: #e1f9ff;
--color-below-zero-100: #d0edfe;
--color-below-zero-200: #b5daf1;
--color-below-zero-300: #91bfda;
--color-below-zero-400: #6ea7c5;
--color-below-zero-500: #4c8fb1;
--color-below-zero-600: #417996;
--color-below-zero-700: #346178;
--color-below-zero-800: #234758;
--color-below-zero-900: #18313e;
--color-below-zero-950: #081d27;
}SCSS
$below-zero: #94d1f2;
$below-zero-rgb: 148, 209, 242;
$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);
}