이름 색상 · #C5E6F7
Icy Landscape
Icy Landscape은(는) #C5E6F7: rgb(197 230 247), hsl(200 76% 87%), oklch(0.906 0.042 230.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Icy Landscape color name →
#C5E6F7
oklch(0.906 0.042 230.2)
색상 변환
- HEX
- #c5e6f7
- RGB
- rgb(197 230 247)
- HSL
- hsl(200 76% 87%)
- HWB
- hwb(200 77% 3%)
- OKLCH
- oklch(0.906 0.042 230.2)
- OKLab
- oklab(0.906 -0.027 -0.032)
- CIE Lab
- lab(89.29 -8.52 -12.09)
- LCH
- lch(89.29 14.79 234.8)
- CMYK
- cmyk(20% 7% 0% 3%)
틴트 · 셰이드 · 톤
틴트
- CBE9F8
- D1EBF9
- D7EEFA
- DCF0FA
- E2F3FB
- E8F5FC
- EEF8FD
- F3FAFD
- F9FDFE
셰이드
- ABC8D7
- 92ABB7
- 798E99
- 61737C
- 4B5960
- 354045
- 21282C
- 0E1315
- 020303
톤
- BEDBEB
- B7D1DE
- B0C6D2
- A9BCC6
- A2B2BA
- 9BA8AE
- 949EA2
- 8E9497
- 878A8B
색 조화
보색 +180°
- C5E6F7
Icy Landscape
- F8D9C8
≈ Peach Sachet
유사색 -30° +30°
- C5E6F7
Icy Landscape
- C1E9EB
≈ Light Opale
- D0E1FD
≈ Arc Light
삼각 배색 +120° +240°
- C5E6F7
Icy Landscape
- F7D5E4
≈ Sunset Pink
- E1E3C4
≈ Frost
분열 보색 +150° +210°
- C5E6F7
Icy Landscape
- FBD6D5
≈ Just a Tease
- EFDEC2
≈ Kabuki Clay
사각 배색 +90° +180° +270°
- C5E6F7
Icy Landscape
- EDD8F2
≈ Scented Spring
- F8D9C8
≈ Peach Sachet
- D2E7CD
≈ Butter Lettuce
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.03:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--icy-landscape: #c5e6f7;
--icy-landscape-rgb: 197 230 247;
--icy-landscape-oklch: oklch(0.906 0.042 230.2);
}
.element {
color: var(--icy-landscape);
background-color: hsl(200 76% 87%);
border-color: oklch(0.906 0.042 230.2);
}Tailwind CSS v4
@theme {
--color-icy-landscape: #c5e6f7;
--color-icy-landscape-50: #eaf8ff;
--color-icy-landscape-100: #dbebf4;
--color-icy-landscape-200: #c3d8e3;
--color-icy-landscape-300: #a3bcc9;
--color-icy-landscape-400: #86a4b3;
--color-icy-landscape-500: #6a8c9d;
--color-icy-landscape-600: #5a7685;
--color-icy-landscape-700: #485f6a;
--color-icy-landscape-800: #33454e;
--color-icy-landscape-900: #233036;
--color-icy-landscape-950: #121c21;
}SCSS
$icy-landscape: #c5e6f7;
$icy-landscape-rgb: 197, 230, 247;
$icy-landscape-light: mix(#fff, $icy-landscape, 20%);
$icy-landscape-dark: mix(#000, $icy-landscape, 20%);
.element {
color: $icy-landscape;
box-shadow: 0 0 0 2px rgba($icy-landscape, 0.35);
}