가장 가까운 이름 색상 · #C6CDEB
#C6CDEB
가장 가까운 이름 색상: Frozen Periwinkle
#C6CDEB(rgb(198 205 235), hsl(229 48% 85%), oklch(0.852 0.042 275.1))와 가장 가까운 이름 색상은 Frozen Periwinkle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C6CDEB
oklch(0.852 0.042 275.1)
색상 변환
- HEX
- #c6cdeb
- RGB
- rgb(198 205 235)
- HSL
- hsl(229 48% 85%)
- HWB
- hwb(229 78% 8%)
- OKLCH
- oklch(0.852 0.042 275.1)
- OKLab
- oklab(0.852 0.004 -0.042)
- CIE Lab
- lab(82.58 2.02 -15.73)
- LCH
- lch(82.58 15.86 277.3)
- CMYK
- cmyk(16% 13% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- CCD2ED
- D1D7EF
- D7DCF1
- DCE1F3
- E2E6F5
- E8EBF7
- EEF0F9
- F3F5FB
- F9FAFD
셰이드
- ACB2CC
- 9298AE
- 7A7E91
- 626675
- 4B4E5B
- 353841
- 212329
- 0E0F13
- 020203
톤
- BFC5E0
- B8BDD5
- B0B5CA
- A9ADBF
- A2A6B4
- 9B9EAA
- 94969F
- 8E8F95
- 87878A
색 조화
보색 +180°
- C6CDEB
Frozen Periwinkle
- D7CFB0
≈ Pale Ivy
유사색 -30° +30°
- C6CDEB
Frozen Periwinkle
- B8D2E9
≈ Modern Blue
- D5C8E5
≈ Purity
삼각 배색 +120° +240°
- C6CDEB
Frozen Periwinkle
- E9C5BC
≈ Iced Cherry
- BAD7C3
≈ Cool Spring
분열 보색 +150° +210°
- C6CDEB
Frozen Periwinkle
- E3CAB2
≈ Oat Cake
- C8D4B6
≈ Willow Tree Mouse
사각 배색 +90° +180° +270°
- C6CDEB
Frozen Periwinkle
- E8C4CB
≈ Light Blush
- D7CFB0
≈ Pale Ivy
- B1D8D2
≈ Wave Top
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.33:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--frozen-periwinkle: #c6cdeb;
--frozen-periwinkle-rgb: 198 205 235;
--frozen-periwinkle-oklch: oklch(0.852 0.042 275.1);
}
.element {
color: var(--frozen-periwinkle);
background-color: hsl(229 48% 85%);
border-color: oklch(0.852 0.042 275.1);
}Tailwind CSS v4
@theme {
--color-frozen-periwinkle: #c6cdeb;
--color-frozen-periwinkle-50: #f2f4ff;
--color-frozen-periwinkle-100: #e4e7f6;
--color-frozen-periwinkle-200: #cfd3e7;
--color-frozen-periwinkle-300: #b1b6ce;
--color-frozen-periwinkle-400: #979db8;
--color-frozen-periwinkle-500: #7e84a3;
--color-frozen-periwinkle-600: #6a708a;
--color-frozen-periwinkle-700: #555a6e;
--color-frozen-periwinkle-800: #3d4251;
--color-frozen-periwinkle-900: #2a2d39;
--color-frozen-periwinkle-950: #181a23;
}SCSS
$frozen-periwinkle: #c6cdeb;
$frozen-periwinkle-rgb: 198, 205, 235;
$frozen-periwinkle-light: mix(#fff, $frozen-periwinkle, 20%);
$frozen-periwinkle-dark: mix(#000, $frozen-periwinkle, 20%);
.element {
color: $frozen-periwinkle;
box-shadow: 0 0 0 2px rgba($frozen-periwinkle, 0.35);
}