가장 가까운 이름 색상 · #C692CC
#C692CC
가장 가까운 이름 색상: Violaceous
#C692CC(rgb(198 146 204), hsl(294 36% 69%), oklch(0.729 0.1 323))와 가장 가까운 이름 색상은 Violaceous입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C692CC
oklch(0.729 0.1 323)
색상 변환
- HEX
- #c692cc
- RGB
- rgb(198 146 204)
- HSL
- hsl(294 36% 69%)
- HWB
- hwb(294 57% 20%)
- OKLCH
- oklch(0.729 0.1 323)
- OKLab
- oklab(0.729 0.08 -0.06)
- CIE Lab
- lab(67.15 27.5 -22.07)
- LCH
- lch(67.15 35.26 321.3)
- CMYK
- cmyk(3% 28% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- CC9DD1
- D2A8D6
- D8B2DC
- DDBDE1
- E3C8E6
- E9D3EB
- EEDEF0
- F4E9F5
- F9F4FA
셰이드
- AC7EB1
- 926B97
- 7A587E
- 624665
- 4B354E
- 352537
- 211622
- 0E080F
- 020102
톤
- BF90C4
- B88FBD
- B18DB5
- AA8BAD
- A38AA6
- 9C889E
- 958697
- 8E848F
- 878287
색 조화
보색 +180°
- C692CC
Violaceous
- 81B87E
≈ Colour Me Green
유사색 -30° +30°
- C692CC
Violaceous
- AA9CE1
≈ Dull Lavender
- D98DAD
≈ Berry Twist
삼각 배색 +120° +240°
- C692CC
Violaceous
- C6A25A
≈ Sauterne
- 4BBAC3
≈ Sussie
분열 보색 +150° +210°
- C692CC
Violaceous
- A8AE62
≈ April Green
- 5CBCA1
≈ Puerto Rico
사각 배색 +90° +180° +270°
- C692CC
Violaceous
- D9966B
≈ Summer’s End
- 81B87E
≈ Colour Me Green
- 61B2DC
≈ Milky Waves
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.50:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.38:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--violaceous: #c692cc;
--violaceous-rgb: 198 146 204;
--violaceous-oklch: oklch(0.729 0.1 323);
}
.element {
color: var(--violaceous);
background-color: hsl(294 36% 69%);
border-color: oklch(0.729 0.1 323);
}Tailwind CSS v4
@theme {
--color-violaceous: #c692cc;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #faddfb;
--color-violaceous-200: #ebc6ec;
--color-violaceous-300: #d2a6d4;
--color-violaceous-400: #bb8ac1;
--color-violaceous-500: #a66fac;
--color-violaceous-600: #8c5e92;
--color-violaceous-700: #704b75;
--color-violaceous-800: #523657;
--color-violaceous-900: #39253d;
--color-violaceous-950: #231427;
}SCSS
$violaceous: #c692cc;
$violaceous-rgb: 198, 146, 204;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}