가장 가까운 이름 색상 · #C0B4EB
#C0B4EB
가장 가까운 이름 색상: Violet Heaven
#C0B4EB(rgb(192 180 235), hsl(253 58% 81%), oklch(0.799 0.078 294.6))와 가장 가까운 이름 색상은 Violet Heaven입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C0B4EB
oklch(0.799 0.078 294.6)
색상 변환
- HEX
- #c0b4eb
- RGB
- rgb(192 180 235)
- HSL
- hsl(253 58% 81%)
- HWB
- hwb(253 71% 8%)
- OKLCH
- oklch(0.799 0.078 294.6)
- OKLab
- oklab(0.799 0.032 -0.071)
- CIE Lab
- lab(75.75 12.67 -26.04)
- LCH
- lch(75.75 28.96 295.9)
- CMYK
- cmyk(18% 23% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- C6BBED
- CCC3EF
- D2CAF2
- D9D2F4
- DFD9F6
- E5E1F8
- ECE8FA
- F2F0FB
- F8F7FD
셰이드
- A79CCC
- 8E85AE
- 766E91
- 5F5875
- 49445B
- 343041
- 201D29
- 0E0C13
- 020203
톤
- B9AFE0
- B3AAD5
- ACA4CA
- A69FBF
- 9F9AB5
- 9995AA
- 93909F
- 8C8A95
- 86858A
색 조화
보색 +180°
- C0B4EB
Violet Heaven
- BCC48A
≈ Misty Valley
유사색 -30° +30°
- C0B4EB
Violet Heaven
- A5BDF0
≈ Perano
- D7ADDA
≈ Whisper of Plum
삼각 배색 +120° +240°
- C0B4EB
Violet Heaven
- E5B08E
≈ Ancient Inca
- 86CEBA
≈ Lavish Green
분열 보색 +150° +210°
- C0B4EB
Violet Heaven
- D5BA83
≈ Independent Gold
- 9FCB9E
≈ Mover & Shaker
사각 배색 +90° +180° +270°
- C0B4EB
Violet Heaven
- ECAAA5
≈ Soft Salmon
- BCC48A
≈ Misty Valley
- 7ECCD5
≈ White Ultramarine
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.96:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--violet-heaven: #c0b4eb;
--violet-heaven-rgb: 192 180 235;
--violet-heaven-oklch: oklch(0.799 0.078 294.6);
}
.element {
color: var(--violet-heaven);
background-color: hsl(253 58% 81%);
border-color: oklch(0.799 0.078 294.6);
}Tailwind CSS v4
@theme {
--color-violet-heaven: #c0b4eb;
--color-violet-heaven-50: #f7f1ff;
--color-violet-heaven-100: #eae3ff;
--color-violet-heaven-200: #d7cef2;
--color-violet-heaven-300: #bbb0db;
--color-violet-heaven-400: #a196c8;
--color-violet-heaven-500: #897cb5;
--color-violet-heaven-600: #746999;
--color-violet-heaven-700: #5d547a;
--color-violet-heaven-800: #433d5b;
--color-violet-heaven-900: #2e2a40;
--color-violet-heaven-950: #1b1829;
}SCSS
$violet-heaven: #c0b4eb;
$violet-heaven-rgb: 192, 180, 235;
$violet-heaven-light: mix(#fff, $violet-heaven, 20%);
$violet-heaven-dark: mix(#000, $violet-heaven, 20%);
.element {
color: $violet-heaven;
box-shadow: 0 0 0 2px rgba($violet-heaven, 0.35);
}