Nearest named color · #E973AD
#E973AD
Nearest named color: Pop That Gum
#E973AD (rgb(233 115 173), hsl(331 73% 68%), oklch(0.709 0.159 351.1)) is closest to the named color Pop That Gum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E973AD
oklch(0.709 0.159 351.1)
Color conversions
- HEX
- #e973ad
- RGB
- rgb(233 115 173)
- HSL
- hsl(331 73% 68%)
- HWB
- hwb(331 45% 9%)
- OKLCH
- oklch(0.709 0.159 351.1)
- OKLab
- oklab(0.709 0.157 -0.024)
- CIE Lab
- lab(64.12 51.22 -8.67)
- LCH
- lch(64.12 51.95 350.4)
- CMYK
- cmyk(0% 51% 26% 9%)
Tints · Shades · Tones
Tints
- ED82B5
- F090BD
- F39FC5
- F6ACCD
- F9BAD5
- FBC8DE
- FCD6E6
- FEE4EE
- FFF1F7
Shades
- CB6396
- AD547F
- 90456A
- 743655
- 5A2841
- 411B2D
- 290F1B
- 13050B
- 030101
Tones
- DF75A8
- D578A4
- CB799F
- C17B9B
- B67C96
- AC7E92
- A17E8D
- 977F89
- 8B8084
Color harmonies
Complementary +180°
- E973AD
Pop That Gum
- 00BC96
≈ Mountain Meadow
Analogous -30° +30°
- E973AD
Pop That Gum
- CD7DDC
≈ Lavender Perceptions
- F47375
≈ Breeze of Chilli
Triadic +120° +240°
- E973AD
Pop That Gum
- A6A900
≈ Honey and Thyme
- 00B0EA
≈ Lynx Screen Blue
Split-complementary +150° +210°
- E973AD
Pop That Gum
- 63B956
≈ Pure Apple
- 00B7C0
≈ Lago Blue
Tetradic +90° +180° +270°
- E973AD
Pop That Gum
- CF9600
≈ Elysium Gold
- 00BC96
≈ Mountain Meadow
- 6A9FFF
≈ Âbi Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.52:1 · APCA Lc 49
Best text color: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--pop-that-gum: #e973ad;
--pop-that-gum-rgb: 233 115 173;
--pop-that-gum-oklch: oklch(0.709 0.159 351.1);
}
.element {
color: var(--pop-that-gum);
background-color: hsl(331 73% 68%);
border-color: oklch(0.709 0.159 351.1);
}Tailwind CSS v4
@theme {
--color-pop-that-gum: #e973ad;
--color-pop-that-gum-50: #ffe3f9;
--color-pop-that-gum-100: #ffd3ec;
--color-pop-that-gum-200: #ffb8da;
--color-pop-that-gum-300: #f694be;
--color-pop-that-gum-400: #e373aa;
--color-pop-that-gum-500: #d05093;
--color-pop-that-gum-600: #b0457c;
--color-pop-that-gum-700: #8d3763;
--color-pop-that-gum-800: #68274b;
--color-pop-that-gum-900: #491a34;
--color-pop-that-gum-950: #300a1f;
}SCSS
$pop-that-gum: #e973ad;
$pop-that-gum-rgb: 233, 115, 173;
$pop-that-gum-light: mix(#fff, $pop-that-gum, 20%);
$pop-that-gum-dark: mix(#000, $pop-that-gum, 20%);
.element {
color: $pop-that-gum;
box-shadow: 0 0 0 2px rgba($pop-that-gum, 0.35);
}