가장 가까운 이름 색상 · #E888D1
#E888D1
가장 가까운 이름 색상: Bubblegum Kisses
#E888D1(rgb(232 136 209), hsl(314 68% 72%), oklch(0.752 0.147 336.4))와 가장 가까운 이름 색상은 Bubblegum Kisses입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E888D1
oklch(0.752 0.147 336.4)
색상 변환
- HEX
- #e888d1
- RGB
- rgb(232 136 209)
- HSL
- hsl(314 68% 72%)
- HWB
- hwb(314 53% 9%)
- OKLCH
- oklch(0.752 0.147 336.4)
- OKLab
- oklab(0.752 0.135 -0.059)
- CIE Lab
- lab(69.09 44.84 -21.45)
- LCH
- lch(69.09 49.7 334.4)
- CMYK
- cmyk(0% 41% 10% 9%)
틴트 · 셰이드 · 톤
틴트
- EB94D6
- EEA1DA
- F1ADDF
- F4B8E4
- F6C4E8
- F9D0ED
- FBDCF2
- FCE8F6
- FEF3FB
셰이드
- CA75B5
- AC639B
- 905281
- 744168
- 593150
- 402239
- 291323
- 130610
- 030102
톤
- DE88C9
- D388C0
- C987B8
- BF87B0
- B586A8
- AA85A0
- A08498
- 958390
- 8B8188
색 조화
보색 +180°
- E888D1
Bubblegum Kisses
- 4ECA87
≈ Paris Green
유사색 -30° +30°
- E888D1
Bubblegum Kisses
- C694F7
≈ Lilás
- FB849F
≈ Rosa
삼각 배색 +120° +240°
- E888D1
Bubblegum Kisses
- CAAD21
≈ Hot Sand
- 00C2E5
≈ Caribbean Blue
분열 보색 +150° +210°
- E888D1
Bubblegum Kisses
- 96BF4F
≈ Early Spring
- 00C9BB
≈ Pristine Oceanic
사각 배색 +90° +180° +270°
- E888D1
Bubblegum Kisses
- EC9936
≈ Nuclear Mango
- 4ECA87
≈ Paris Green
- 5FB6FF
≈ Tiān Lán Sky
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.36:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.87:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.87:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--bubblegum-kisses: #e888d1;
--bubblegum-kisses-rgb: 232 136 209;
--bubblegum-kisses-oklch: oklch(0.752 0.147 336.4);
}
.element {
color: var(--bubblegum-kisses);
background-color: hsl(314 68% 72%);
border-color: oklch(0.752 0.147 336.4);
}Tailwind CSS v4
@theme {
--color-bubblegum-kisses: #e888d1;
--color-bubblegum-kisses-50: #ffe6ff;
--color-bubblegum-kisses-100: #ffd6f9;
--color-bubblegum-kisses-200: #ffbcea;
--color-bubblegum-kisses-300: #e999d1;
--color-bubblegum-kisses-400: #d47abf;
--color-bubblegum-kisses-500: #c05aaa;
--color-bubblegum-kisses-600: #a24d90;
--color-bubblegum-kisses-700: #823d73;
--color-bubblegum-kisses-800: #602c57;
--color-bubblegum-kisses-900: #431e3d;
--color-bubblegum-kisses-950: #2b0d26;
}SCSS
$bubblegum-kisses: #e888d1;
$bubblegum-kisses-rgb: 232, 136, 209;
$bubblegum-kisses-light: mix(#fff, $bubblegum-kisses, 20%);
$bubblegum-kisses-dark: mix(#000, $bubblegum-kisses, 20%);
.element {
color: $bubblegum-kisses;
box-shadow: 0 0 0 2px rgba($bubblegum-kisses, 0.35);
}