이름 색상 · #9CFAFF
Eternal Winter
Eternal Winter은(는) #9CFAFF: rgb(156 250 255), hsl(183 100% 81%), oklch(0.928 0.09 200.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Eternal Winter color name →
#9CFAFF
oklch(0.928 0.09 200.1)
색상 변환
- HEX
- #9cfaff
- RGB
- rgb(156 250 255)
- HSL
- hsl(183 100% 81%)
- HWB
- hwb(183 61% 0%)
- OKLCH
- oklch(0.928 0.09 200.1)
- OKLab
- oklab(0.928 -0.084 -0.031)
- CIE Lab
- lab(92.57 -28.18 -11.71)
- LCH
- lch(92.57 30.51 202.6)
- CMYK
- cmyk(39% 2% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- A8FBFF
- B3FBFF
- BDFCFF
- C7FCFF
- D1FDFF
- DBFDFF
- E4FEFF
- EDFEFF
- F6FFFF
셰이드
- 87D9DE
- 73BABE
- 5F9B9E
- 4C7D80
- 396163
- 284648
- 182D2E
- 091516
- 010303
톤
- 9BEDF2
- 99E1E4
- 97D4D7
- 94C8CA
- 92BBBE
- 8FAFB1
- 8BA3A4
- 889798
- 848C8C
색 조화
보색 +180°
- 9CFAFF
Eternal Winter
- FFDEDD
≈ Rose Tonic
유사색 -30° +30°
- 9CFAFF
Eternal Winter
- A9FBDE
≈ Icery
- CBEDFF
≈ Blue Hijab
삼각 배색 +120° +240°
- 9CFAFF
Eternal Winter
- F9DCFF
≈ Sugarpills
- FFE3B6
≈ Parachute Silk
분열 보색 +150° +210°
- 9CFAFF
Eternal Winter
- FFDCEB
≈ Rose Glow
- FFE0D0
≈ Powdered Peach
사각 배색 +90° +180° +270°
- 9CFAFF
Eternal Winter
- E6E4FF
≈ Lavender Mist
- FFDEDD
≈ Rose Tonic
- EAEDA7
≈ Lemon Pepper
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.53:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.53:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--eternal-winter: #9cfaff;
--eternal-winter-rgb: 156 250 255;
--eternal-winter-oklch: oklch(0.928 0.09 200.1);
}
.element {
color: var(--eternal-winter);
background-color: hsl(183 100% 81%);
border-color: oklch(0.928 0.09 200.1);
}Tailwind CSS v4
@theme {
--color-eternal-winter: #9cfaff;
--color-eternal-winter-50: #d9fdff;
--color-eternal-winter-100: #c6f1f5;
--color-eternal-winter-200: #a7e0e5;
--color-eternal-winter-300: #7ec5cb;
--color-eternal-winter-400: #56afb3;
--color-eternal-winter-500: #20989e;
--color-eternal-winter-600: #1f8085;
--color-eternal-winter-700: #1a676b;
--color-eternal-winter-800: #104c4e;
--color-eternal-winter-900: #0a3536;
--color-eternal-winter-950: #002021;
}SCSS
$eternal-winter: #9cfaff;
$eternal-winter-rgb: 156, 250, 255;
$eternal-winter-light: mix(#fff, $eternal-winter, 20%);
$eternal-winter-dark: mix(#000, $eternal-winter, 20%);
.element {
color: $eternal-winter;
box-shadow: 0 0 0 2px rgba($eternal-winter, 0.35);
}