가장 가까운 이름 색상 · #C4E9F2
#C4E9F2
가장 가까운 이름 색상: Summer Mist
#C4E9F2(rgb(196 233 242), hsl(192 64% 86%), oklch(0.91 0.04 214.1))와 가장 가까운 이름 색상은 Summer Mist입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C4E9F2
oklch(0.91 0.04 214.1)
색상 변환
- HEX
- #c4e9f2
- RGB
- rgb(196 233 242)
- HSL
- hsl(192 64% 86%)
- HWB
- hwb(192 77% 5%)
- OKLCH
- oklch(0.91 0.04 214.1)
- OKLab
- oklab(0.91 -0.033 -0.023)
- CIE Lab
- lab(89.9 -11.06 -8.62)
- LCH
- lch(89.9 14.02 217.9)
- CMYK
- cmyk(19% 4% 0% 5%)
틴트 · 셰이드 · 톤
틴트
- CAEBF3
- D0EDF5
- D6F0F6
- DCF2F7
- E2F4F9
- E8F6FA
- EEF8FB
- F3FBFC
- F9FDFE
셰이드
- AACBD2
- 91ADB4
- 789096
- 617479
- 4A5A5E
- 354143
- 21292B
- 0E1314
- 020303
톤
- BDDEE6
- B6D3DA
- AFC8CE
- A9BEC3
- A2B3B7
- 9BA9AC
- 949EA1
- 8D9496
- 878A8B
색 조화
보색 +180°
- C4E9F2
Summer Mist
- FBD9D0
≈ Bunny Ears
유사색 -30° +30°
- C4E9F2
Summer Mist
- C5EBE4
≈ Clear Aqua
- CCE5FB
≈ Fresh Water
삼각 배색 +120° +240°
- C4E9F2
Summer Mist
- F3D8ED
≈ Grape Taffy
- EAE2C4
≈ Star of Gold
분열 보색 +150° +210°
- C4E9F2
Summer Mist
- FAD7DE
≈ Barely Pink
- F5DCC6
≈ Crisp Wonton
사각 배색 +90° +180° +270°
- C4E9F2
Summer Mist
- E7DBF8
≈ Pouty Purple
- FBD9D0
≈ Bunny Ears
- DCE6C9
≈ Breath of Celery
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.28:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--summer-mist: #c4e9f2;
--summer-mist-rgb: 196 233 242;
--summer-mist-oklch: oklch(0.91 0.04 214.1);
}
.element {
color: var(--summer-mist);
background-color: hsl(192 64% 86%);
border-color: oklch(0.91 0.04 214.1);
}Tailwind CSS v4
@theme {
--color-summer-mist: #c4e9f2;
--color-summer-mist-50: #e9f8fd;
--color-summer-mist-100: #daecf1;
--color-summer-mist-200: #c2d9df;
--color-summer-mist-300: #a1bdc5;
--color-summer-mist-400: #84a5ad;
--color-summer-mist-500: #678e97;
--color-summer-mist-600: #58787f;
--color-summer-mist-700: #466066;
--color-summer-mist-800: #32464b;
--color-summer-mist-900: #223134;
--color-summer-mist-950: #111d1f;
}SCSS
$summer-mist: #c4e9f2;
$summer-mist-rgb: 196, 233, 242;
$summer-mist-light: mix(#fff, $summer-mist, 20%);
$summer-mist-dark: mix(#000, $summer-mist, 20%);
.element {
color: $summer-mist;
box-shadow: 0 0 0 2px rgba($summer-mist, 0.35);
}