가장 가까운 이름 색상 · #C383D4
#C383D4
가장 가까운 이름 색상: Wisteria
#C383D4(rgb(195 131 212), hsl(287 49% 67%), oklch(0.704 0.134 319))와 가장 가까운 이름 색상은 Wisteria입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C383D4
oklch(0.704 0.134 319)
색상 변환
- HEX
- #c383d4
- RGB
- rgb(195 131 212)
- HSL
- hsl(287 49% 67%)
- HWB
- hwb(287 51% 17%)
- OKLCH
- oklch(0.704 0.134 319)
- OKLab
- oklab(0.704 0.101 -0.088)
- CIE Lab
- lab(63.68 35.46 -31.85)
- LCH
- lch(63.68 47.66 318.1)
- CMYK
- cmyk(8% 38% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- C990D9
- CF9CDD
- D6A8E2
- DCB5E6
- E2C1EB
- E8CDEF
- EEDAF3
- F3E6F7
- F9F3FB
셰이드
- A971B8
- 90609D
- 784F83
- 603F69
- 4A2F51
- 34203A
- 201224
- 0E0610
- 020102
톤
- BC83CC
- B683C3
- AF83BB
- A883B2
- A283AA
- 9B83A2
- 948299
- 8E8191
- 878188
색 조화
보색 +180°
- C383D4
Wisteria
- 72B360
≈ Palm Tree
유사색 -30° +30°
- C383D4
Wisteria
- 9D90ED
≈ Perrywinkle
- DC7BAD
≈ Pinking. Fast and Slow
삼각 배색 +120° +240°
- C383D4
Wisteria
- CC9428
≈ Golden Pheasant
- 00B5BC
≈ Cyan Sky
분열 보색 +150° +210°
- C383D4
Wisteria
- A6A633
≈ Mikado Green
- 23BA91
≈ Mountain Meadow
사각 배색 +90° +180° +270°
- C383D4
Wisteria
- E1844F
≈ Schnipo
- 72B360
≈ Palm Tree
- 1CAEE1
≈ Royal Peacock
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.79:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.51:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--wisteria: #c383d4;
--wisteria-rgb: 195 131 212;
--wisteria-oklch: oklch(0.704 0.134 319);
}
.element {
color: var(--wisteria);
background-color: hsl(287 49% 67%);
border-color: oklch(0.704 0.134 319);
}Tailwind CSS v4
@theme {
--color-wisteria: #c383d4;
--color-wisteria-50: #ffe9ff;
--color-wisteria-100: #fddaff;
--color-wisteria-200: #efc2f7;
--color-wisteria-300: #d7a1e1;
--color-wisteria-400: #c084d0;
--color-wisteria-500: #ab66be;
--color-wisteria-600: #9157a0;
--color-wisteria-700: #744580;
--color-wisteria-800: #553261;
--color-wisteria-900: #3b2244;
--color-wisteria-950: #25112c;
}SCSS
$wisteria: #c383d4;
$wisteria-rgb: 195, 131, 212;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}