가장 가까운 이름 색상 · #C383D2
#C383D2
가장 가까운 이름 색상: Violaceous
#C383D2(rgb(195 131 210), hsl(289 47% 67%), oklch(0.703 0.131 319.8))와 가장 가까운 이름 색상은 Violaceous입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C383D2
oklch(0.703 0.131 319.8)
색상 변환
- HEX
- #c383d2
- RGB
- rgb(195 131 210)
- HSL
- hsl(289 47% 67%)
- HWB
- hwb(289 51% 18%)
- OKLCH
- oklch(0.703 0.131 319.8)
- OKLab
- oklab(0.703 0.1 -0.085)
- CIE Lab
- lab(63.61 35.16 -30.84)
- LCH
- lch(63.61 46.77 318.7)
- CMYK
- cmyk(7% 38% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- C98FD7
- D09CDC
- D6A8E0
- DCB5E5
- E2C1E9
- E8CDEE
- EEDAF2
- F4E6F7
- F9F3FB
셰이드
- A971B6
- 90609B
- 784F81
- 603F68
- 4A2F50
- 342039
- 201224
- 0E0610
- 020102
톤
- BC83CA
- B683C2
- AF83B9
- A883B1
- A283A9
- 9B82A1
- 948299
- 8E8190
- 878188
색 조화
보색 +180°
- C383D2
Violaceous
- 71B362
≈ Palm Tree
유사색 -30° +30°
- C383D2
Violaceous
- 9E90EB
≈ Perrywinkle
- DB7BAB
≈ Pinking. Fast and Slow
삼각 배색 +120° +240°
- C383D2
Violaceous
- CA952B
≈ Tawny Olive
- 00B5BC
≈ Cyan Sky
분열 보색 +150° +210°
- C383D2
Violaceous
- A5A636
≈ Mikado Green
- 25B992
≈ Mountain Meadow
사각 배색 +90° +180° +270°
- C383D2
Violaceous
- E0854F
≈ Schnipo
- 71B362
≈ Palm Tree
- 25ADE1
≈ Royal Peacock
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.49:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--violaceous: #c383d2;
--violaceous-rgb: 195 131 210;
--violaceous-oklch: oklch(0.703 0.131 319.8);
}
.element {
color: var(--violaceous);
background-color: hsl(289 47% 67%);
border-color: oklch(0.703 0.131 319.8);
}Tailwind CSS v4
@theme {
--color-violaceous: #c383d2;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #fddaff;
--color-violaceous-200: #efc2f6;
--color-violaceous-300: #d7a1e0;
--color-violaceous-400: #c084cf;
--color-violaceous-500: #ac66bc;
--color-violaceous-600: #91579f;
--color-violaceous-700: #74457f;
--color-violaceous-800: #553260;
--color-violaceous-900: #3b2243;
--color-violaceous-950: #25112b;
}SCSS
$violaceous: #c383d2;
$violaceous-rgb: 195, 131, 210;
$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);
}