이름 색상 · #C4ECF0
Icy Breeze
Icy Breeze은(는) #C4ECF0: rgb(196 236 240), hsl(185 59% 85%), oklch(0.916 0.042 203.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Icy Breeze color name →
#C4ECF0
oklch(0.916 0.042 203.9)
색상 변환
- HEX
- #c4ecf0
- RGB
- rgb(196 236 240)
- HSL
- hsl(185 59% 85%)
- HWB
- hwb(185 77% 6%)
- OKLCH
- oklch(0.916 0.042 203.9)
- OKLab
- oklab(0.916 -0.038 -0.017)
- CIE Lab
- lab(90.64 -12.78 -6.49)
- LCH
- lch(90.64 14.33 206.9)
- CMYK
- cmyk(18% 2% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- CAEEF2
- D0F0F3
- D6F2F5
- DCF4F6
- E2F6F8
- E8F7F9
- EEF9FB
- F3FBFC
- F9FDFE
셰이드
- AACDD1
- 91AFB2
- 789295
- 617678
- 4A5B5D
- 354243
- 21292A
- 0E1314
- 020303
톤
- BDE1E4
- B6D6D9
- AFCACD
- A9BFC2
- A2B5B6
- 9BAAAB
- 949FA0
- 8E9595
- 878A8B
색 조화
보색 +180°
- C4ECF0
Icy Breeze
- FED9D6
≈ Forgotten Pink
유사색 -30° +30°
- C4ECF0
Icy Breeze
- C8EDE1
≈ Teal Melody
- C9E9FB
≈ Icy Landscape
삼각 배색 +120° +240°
- C4ECF0
Icy Breeze
- F2DAF3
≈ Grape Taffy
- F1E2C4
≈ Cloud of Cream
분열 보색 +150° +210°
- C4ECF0
Icy Breeze
- FBD8E5
≈ Lovely Breeze
- FBDDCA
≈ Shironeri Silk
사각 배색 +90° +180° +270°
- C4ECF0
Icy Breeze
- E4DFFD
≈ Stoic White
- FED9D6
≈ Forgotten Pink
- E2E7C8
≈ Origami Clover
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.60:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--icy-breeze: #c4ecf0;
--icy-breeze-rgb: 196 236 240;
--icy-breeze-oklch: oklch(0.916 0.042 203.9);
}
.element {
color: var(--icy-breeze);
background-color: hsl(185 59% 85%);
border-color: oklch(0.916 0.042 203.9);
}Tailwind CSS v4
@theme {
--color-icy-breeze: #c4ecf0;
--color-icy-breeze-50: #e8f9fb;
--color-icy-breeze-100: #d9ecef;
--color-icy-breeze-200: #c1dadd;
--color-icy-breeze-300: #9fbec2;
--color-icy-breeze-400: #82a6aa;
--color-icy-breeze-500: #658f93;
--color-icy-breeze-600: #56797c;
--color-icy-breeze-700: #456163;
--color-icy-breeze-800: #314748;
--color-icy-breeze-900: #213132;
--color-icy-breeze-950: #111d1e;
}SCSS
$icy-breeze: #c4ecf0;
$icy-breeze-rgb: 196, 236, 240;
$icy-breeze-light: mix(#fff, $icy-breeze, 20%);
$icy-breeze-dark: mix(#000, $icy-breeze, 20%);
.element {
color: $icy-breeze;
box-shadow: 0 0 0 2px rgba($icy-breeze, 0.35);
}