가장 가까운 이름 색상 · #C0D9FF
#C0D9FF
가장 가까운 이름 색상: Frost Fairy
#C0D9FF(rgb(192 217 255), hsl(216 100% 88%), oklch(0.879 0.059 258.7))와 가장 가까운 이름 색상은 Frost Fairy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C0D9FF
oklch(0.879 0.059 258.7)
색상 변환
- HEX
- #c0d9ff
- RGB
- rgb(192 217 255)
- HSL
- hsl(216 100% 88%)
- HWB
- hwb(216 75% 0%)
- OKLCH
- oklch(0.879 0.059 258.7)
- OKLab
- oklab(0.879 -0.012 -0.058)
- CIE Lab
- lab(85.77 -2.49 -21.55)
- LCH
- lch(85.77 21.7 263.4)
- CMYK
- cmyk(25% 15% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- C6DDFF
- CDE1FF
- D3E4FF
- D9E8FF
- DFECFF
- E6F0FF
- ECF4FF
- F2F7FF
- F9FBFF
셰이드
- A7BCDE
- 8EA1BE
- 76869E
- 5F6C80
- 495363
- 343B48
- 20252E
- 0E1116
- 020203
톤
- B9D0F2
- B3C7E5
- ACBED8
- A6B5CB
- A0ACBE
- 99A3B1
- 939AA5
- 8D9198
- 86898C
색 조화
보색 +180°
- C0D9FF
Frost Fairy
- EDD3AC
≈ Givry
유사색 -30° +30°
- C0D9FF
Frost Fairy
- AFE0F7
≈ Fairy Sparkles
- D5D2FD
≈ Pale Lavender
삼각 배색 +120° +240°
- C0D9FF
Frost Fairy
- FCC8C8
≈ Sunday Best
- C4E1BC
≈ Ambrosia
분열 보색 +150° +210°
- C0D9FF
Frost Fairy
- F9CCB6
≈ Biscuit Cream
- DADBAE
≈ Spring Thyme
사각 배색 +90° +180° +270°
- C0D9FF
Frost Fairy
- F6C8DE
≈ Laelia Pink
- EDD3AC
≈ Givry
- B2E4D0
≈ Crystal Rapids
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.61:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--frost-fairy: #c0d9ff;
--frost-fairy-rgb: 192 217 255;
--frost-fairy-oklch: oklch(0.879 0.059 258.7);
}
.element {
color: var(--frost-fairy);
background-color: hsl(216 100% 88%);
border-color: oklch(0.879 0.059 258.7);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #c0d9ff;
--color-frost-fairy-50: #ecf6ff;
--color-frost-fairy-100: #dde9fc;
--color-frost-fairy-200: #c6d5ee;
--color-frost-fairy-300: #a6b8d6;
--color-frost-fairy-400: #89a0c2;
--color-frost-fairy-500: #6e87ae;
--color-frost-fairy-600: #5e7393;
--color-frost-fairy-700: #4b5c76;
--color-frost-fairy-800: #354357;
--color-frost-fairy-900: #242e3d;
--color-frost-fairy-950: #131b26;
}SCSS
$frost-fairy: #c0d9ff;
$frost-fairy-rgb: 192, 217, 255;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}