이름 색상 · #B8DFF8
Arctic Paradise
Arctic Paradise은(는) #B8DFF8: rgb(184 223 248), hsl(203 82% 85%), oklch(0.884 0.054 236.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Arctic Paradise color name →
#B8DFF8
oklch(0.884 0.054 236.3)
색상 변환
- HEX
- #b8dff8
- RGB
- rgb(184 223 248)
- HSL
- hsl(203 82% 85%)
- HWB
- hwb(203 72% 3%)
- OKLCH
- oklch(0.884 0.054 236.3)
- OKLab
- oklab(0.884 -0.03 -0.045)
- CIE Lab
- lab(86.63 -9.08 -16.67)
- LCH
- lch(86.63 18.98 241.4)
- CMYK
- cmyk(26% 10% 0% 3%)
틴트 · 셰이드 · 톤
틴트
- BFE2F9
- C6E5FA
- CEE9FA
- D5ECFB
- DCEFFC
- E3F2FC
- EAF5FD
- F1F9FE
- F8FCFE
셰이드
- A0C2D8
- 88A5B8
- 718A9A
- 5B6F7C
- 455660
- 313D45
- 1E272C
- 0C1215
- 020203
톤
- B2D5EB
- ADCBDF
- A7C2D3
- A2B8C6
- 9CAEBA
- 97A5AE
- 919CA3
- 8B9297
- 86898B
색 조화
보색 +180°
- B8DFF8
Arctic Paradise
- F5D0B7
≈ Dough Yellow
유사색 -30° +30°
- B8DFF8
Arctic Paradise
- B0E3EA
≈ Across the Bay
- C8D9FD
≈ Icy Plains
삼각 배색 +120° +240°
- B8DFF8
Arctic Paradise
- F7CBDA
≈ Pink Lace
- D6DEB6
≈ Clean Air
분열 보색 +150° +210°
- B8DFF8
Arctic Paradise
- FACCC6
≈ Peach Red
- E8D7B1
≈ Sunning Deck
사각 배색 +90° +180° +270°
- B8DFF8
Arctic Paradise
- ECCDEC
≈ Bubblegum Crisis
- F5D0B7
≈ Dough Yellow
- C3E3C4
≈ Sugar Mint
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.94:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--arctic-paradise: #b8dff8;
--arctic-paradise-rgb: 184 223 248;
--arctic-paradise-oklch: oklch(0.884 0.054 236.3);
}
.element {
color: var(--arctic-paradise);
background-color: hsl(203 82% 85%);
border-color: oklch(0.884 0.054 236.3);
}Tailwind CSS v4
@theme {
--color-arctic-paradise: #b8dff8;
--color-arctic-paradise-50: #e8f8ff;
--color-arctic-paradise-100: #d8ebf8;
--color-arctic-paradise-200: #c0d8e9;
--color-arctic-paradise-300: #9fbcd0;
--color-arctic-paradise-400: #81a4ba;
--color-arctic-paradise-500: #648ca5;
--color-arctic-paradise-600: #55778c;
--color-arctic-paradise-700: #435f70;
--color-arctic-paradise-800: #304652;
--color-arctic-paradise-900: #203039;
--color-arctic-paradise-950: #101c24;
}SCSS
$arctic-paradise: #b8dff8;
$arctic-paradise-rgb: 184, 223, 248;
$arctic-paradise-light: mix(#fff, $arctic-paradise, 20%);
$arctic-paradise-dark: mix(#000, $arctic-paradise, 20%);
.element {
color: $arctic-paradise;
box-shadow: 0 0 0 2px rgba($arctic-paradise, 0.35);
}