가장 가까운 이름 색상 · #C400F4
#C400F4
가장 가까운 이름 색상: Promiscuous Pink
#C400F4(rgb(196 0 244), hsl(288 100% 48%), oklch(0.608 0.297 316.6))와 가장 가까운 이름 색상은 Promiscuous Pink입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C400F4
oklch(0.608 0.297 316.6)
색상 변환
- HEX
- #c400f4
- RGB
- rgb(196 0 244)
- HSL
- hsl(288 100% 48%)
- HWB
- hwb(288 0% 4%)
- OKLCH
- oklch(0.608 0.297 316.6)
- OKLab
- oklab(0.608 0.216 -0.204)
- CIE Lab
- lab(49.21 82.3 -72.63)
- LCH
- lch(49.21 109.76 318.6)
- CMYK
- cmyk(20% 100% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- CB3FF7
- D25DF9
- D975FB
- DF8BFD
- E59FFE
- EBB3FF
- F0C7FF
- F5DAFF
- FAECFF
셰이드
- AA00D4
- 9100B5
- 780097
- 61007A
- 4A005E
- 350044
- 21002B
- 0E0014
- 020003
톤
- BE2DE9
- B840DE
- B14ED2
- AB59C7
- A462BC
- 9D69B0
- 9670A5
- 8F7699
- 887B8D
색 조화
보색 +180°
- C400F4
Promiscuous Pink
- 469A00
≈ Grass Is Greener
유사색 -30° +30°
- C400F4
Promiscuous Pink
- 7F60FF
≈ Purple Anemone
- E300A0
≈ Aphroditean Fuchsia
삼각 배색 +120° +240°
- C400F4
Promiscuous Pink
- AD7600
≈ Falafel
- 009597
≈ Atrovirens
분열 보색 +150° +210°
- C400F4
Promiscuous Pink
- 8D8700
≈ Palak Paneer
- 009A72
≈ Rainforest
사각 배색 +90° +180° +270°
- C400F4
Promiscuous Pink
- D05A00
≈ Rusty Orange
- 469A00
≈ Grass Is Greener
- 0090B8
≈ Cool Tide
대비 및 접근성
Ag
AA흰색 위
WCAG 4.51:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.65:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--promiscuous-pink: #c400f4;
--promiscuous-pink-rgb: 196 0 244;
--promiscuous-pink-oklch: oklch(0.608 0.297 316.6);
}
.element {
color: var(--promiscuous-pink);
background-color: hsl(288 100% 48%);
border-color: oklch(0.608 0.297 316.6);
}Tailwind CSS v4
@theme {
--color-promiscuous-pink: #c400f4;
--color-promiscuous-pink-50: #ffdaff;
--color-promiscuous-pink-100: #ffc7ff;
--color-promiscuous-pink-200: #ffa7ff;
--color-promiscuous-pink-300: #f57bff;
--color-promiscuous-pink-400: #e04bff;
--color-promiscuous-pink-500: #ce00ff;
--color-promiscuous-pink-600: #ae00da;
--color-promiscuous-pink-700: #8c00b0;
--color-promiscuous-pink-800: #660086;
--color-promiscuous-pink-900: #48005f;
--color-promiscuous-pink-950: #2f0041;
}SCSS
$promiscuous-pink: #c400f4;
$promiscuous-pink-rgb: 196, 0, 244;
$promiscuous-pink-light: mix(#fff, $promiscuous-pink, 20%);
$promiscuous-pink-dark: mix(#000, $promiscuous-pink, 20%);
.element {
color: $promiscuous-pink;
box-shadow: 0 0 0 2px rgba($promiscuous-pink, 0.35);
}