이름 색상 · #E8A7E2
Candy Floss
Candy Floss은(는) #E8A7E2: rgb(232 167 226), hsl(306 59% 78%), oklch(0.808 0.108 329.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Candy Floss color name →
#E8A7E2
oklch(0.808 0.108 329.7)
색상 변환
- HEX
- #e8a7e2
- RGB
- rgb(232 167 226)
- HSL
- hsl(306 59% 78%)
- HWB
- hwb(306 65% 9%)
- OKLCH
- oklch(0.808 0.108 329.7)
- OKLab
- oklab(0.808 0.093 -0.054)
- CIE Lab
- lab(76.23 31.55 -20.01)
- LCH
- lch(76.23 37.36 327.6)
- CMYK
- cmyk(0% 28% 3% 9%)
틴트 · 셰이드 · 톤
틴트
- EBB0E5
- EDB9E8
- F0C2EB
- F2CAEE
- F5D3F1
- F7DCF4
- F9E5F7
- FBEDF9
- FDF6FC
셰이드
- CA91C4
- AC7BA8
- 90668C
- 745271
- 593E57
- 402C3E
- 291A27
- 130A12
- 030103
톤
- DDA3D8
- D3A0CE
- C89CC4
- BE98BA
- B394B0
- A990A6
- 9F8C9D
- 958893
- 8A8489
색 조화
보색 +180°
- E8A7E2
Candy Floss
- 8DD49B
≈ May Apple
유사색 -30° +30°
- E8A7E2
Candy Floss
- CBB1FC
≈ Teasel Dipsacus
- FAA3BE
≈ Rogue Pink
삼각 배색 +120° +240°
- E8A7E2
Candy Floss
- DCBD6B
≈ Pineapple Wine
- 5ED3E6
≈ Turquoise Sea
분열 보색 +150° +210°
- E8A7E2
Candy Floss
- B8CB79
≈ Floral Bouquet
- 66D7C3
≈ Turquoise Twist
사각 배색 +90° +180° +270°
- E8A7E2
Candy Floss
- F4AF77
≈ Tacao
- 8DD49B
≈ May Apple
- 7CCAFF
≈ Bubbly Barracuda
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.05:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--candy-floss: #e8a7e2;
--candy-floss-rgb: 232 167 226;
--candy-floss-oklch: oklch(0.808 0.108 329.7);
}
.element {
color: var(--candy-floss);
background-color: hsl(306 59% 78%);
border-color: oklch(0.808 0.108 329.7);
}Tailwind CSS v4
@theme {
--color-candy-floss: #e8a7e2;
--color-candy-floss-50: #ffeaff;
--color-candy-floss-100: #fedbf8;
--color-candy-floss-200: #f0c4e9;
--color-candy-floss-300: #d9a3d0;
--color-candy-floss-400: #c287bd;
--color-candy-floss-500: #ae6aa8;
--color-candy-floss-600: #935a8e;
--color-candy-floss-700: #764872;
--color-candy-floss-800: #563455;
--color-candy-floss-900: #3c243c;
--color-candy-floss-950: #261225;
}SCSS
$candy-floss: #e8a7e2;
$candy-floss-rgb: 232, 167, 226;
$candy-floss-light: mix(#fff, $candy-floss, 20%);
$candy-floss-dark: mix(#000, $candy-floss, 20%);
.element {
color: $candy-floss;
box-shadow: 0 0 0 2px rgba($candy-floss, 0.35);
}