Nearest named color · #E888D1
#E888D1
Nearest named color: Bubblegum Kisses
#E888D1 (rgb(232 136 209), hsl(314 68% 72%), oklch(0.752 0.147 336.4)) is closest to the named color Bubblegum Kisses. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E888D1
oklch(0.752 0.147 336.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- EB94D6
- EEA1DA
- F1ADDF
- F4B8E4
- F6C4E8
- F9D0ED
- FBDCF2
- FCE8F6
- FEF3FB
Shades
- CA75B5
- AC639B
- 905281
- 744168
- 593150
- 402239
- 291323
- 130610
- 030102
Tones
- DE88C9
- D388C0
- C987B8
- BF87B0
- B586A8
- AA85A0
- A08498
- 958390
- 8B8188
Color harmonies
Complementary +180°
- E888D1
Bubblegum Kisses
- 4ECA87
≈ Paris Green
Analogous -30° +30°
- E888D1
Bubblegum Kisses
- C694F7
≈ Lilás
- FB849F
≈ Rosa
Triadic +120° +240°
- E888D1
Bubblegum Kisses
- CAAD21
≈ Hot Sand
- 00C2E5
≈ Caribbean Blue
Split-complementary +150° +210°
- E888D1
Bubblegum Kisses
- 96BF4F
≈ Early Spring
- 00C9BB
≈ Pristine Oceanic
Tetradic +90° +180° +270°
- E888D1
Bubblegum Kisses
- EC9936
≈ Nuclear Mango
- 4ECA87
≈ Paris Green
- 5FB6FF
≈ Tiān Lán Sky
Contrast & accessibility
Ag
FailOn white
WCAG 2.36:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.87:1 · APCA Lc 56
Best text color: #000000
WCAG 8.87:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
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);
}