가장 가까운 이름 색상 · #CFC6E2
#CFC6E2
가장 가까운 이름 색상: Lavender Bliss
#CFC6E2(rgb(207 198 226), hsl(259 33% 83%), oklch(0.843 0.04 300.2))와 가장 가까운 이름 색상은 Lavender Bliss입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CFC6E2
oklch(0.843 0.04 300.2)
색상 변환
- HEX
- #cfc6e2
- RGB
- rgb(207 198 226)
- HSL
- hsl(259 33% 83%)
- HWB
- hwb(259 78% 11%)
- OKLCH
- oklch(0.843 0.04 300.2)
- OKLab
- oklab(0.843 0.02 -0.034)
- CIE Lab
- lab(81.28 7.17 -12.79)
- LCH
- lch(81.28 14.66 299.3)
- CMYK
- cmyk(8% 12% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- D4CCE5
- D8D1E8
- DDD7EB
- E2DDEE
- E7E2F1
- ECE8F4
- F0EEF6
- F5F3F9
- FAF9FC
셰이드
- B4ACC4
- 9992A8
- 7F7A8C
- 676271
- 4F4B57
- 38353E
- 232127
- 100E12
- 020203
톤
- C7BFD8
- BFB8CE
- B7B0C4
- AFA9BA
- A7A2B0
- 9F9BA6
- 97949C
- 8F8E93
- 888789
색 조화
보색 +180°
- CFC6E2
Lavender Bliss
- C8D0B3
≈ Bonsai Tint
유사색 -30° +30°
- CFC6E2
Lavender Bliss
- C1CBE6
≈ Powdered Granite
- DBC2D8
≈ Plum Taffy
삼각 배색 +120° +240°
- CFC6E2
Lavender Bliss
- DFC6B2
≈ Arabian Sands
- B0D4CC
≈ Feeling Lucky
분열 보색 +150° +210°
- CFC6E2
Lavender Bliss
- D5CBAF
≈ Aths Special
- BAD3BE
≈ Surf
사각 배색 +90° +180° +270°
- CFC6E2
Lavender Bliss
- E4C2BC
≈ Rose Petal
- C8D0B3
≈ Bonsai Tint
- AED3DA
≈ Balboa
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.82:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--lavender-bliss: #cfc6e2;
--lavender-bliss-rgb: 207 198 226;
--lavender-bliss-oklch: oklch(0.843 0.04 300.2);
}
.element {
color: var(--lavender-bliss);
background-color: hsl(259 33% 83%);
border-color: oklch(0.843 0.04 300.2);
}Tailwind CSS v4
@theme {
--color-lavender-bliss: #cfc6e2;
--color-lavender-bliss-50: #f7f3ff;
--color-lavender-bliss-100: #eae5f3;
--color-lavender-bliss-200: #d7d1e3;
--color-lavender-bliss-300: #bbb3c9;
--color-lavender-bliss-400: #a29ab3;
--color-lavender-bliss-500: #8a819d;
--color-lavender-bliss-600: #756d85;
--color-lavender-bliss-700: #5d576a;
--color-lavender-bliss-800: #44404f;
--color-lavender-bliss-900: #2f2c37;
--color-lavender-bliss-950: #1b1922;
}SCSS
$lavender-bliss: #cfc6e2;
$lavender-bliss-rgb: 207, 198, 226;
$lavender-bliss-light: mix(#fff, $lavender-bliss, 20%);
$lavender-bliss-dark: mix(#000, $lavender-bliss, 20%);
.element {
color: $lavender-bliss;
box-shadow: 0 0 0 2px rgba($lavender-bliss, 0.35);
}