Named color · #E936A7
Pink Bite
Pink Bite is #E936A7: rgb(233 54 167), hsl(322 80% 56%), oklch(0.642 0.235 347.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Pink Bite color name →
#E936A7
oklch(0.642 0.235 347.3)
Color conversions
- HEX
- #e936a7
- RGB
- rgb(233 54 167)
- HSL
- hsl(322 80% 56%)
- HWB
- hwb(322 21% 9%)
- OKLCH
- oklch(0.642 0.235 347.3)
- OKLab
- oklab(0.642 0.229 -0.052)
- CIE Lab
- lab(55.19 73.59 -18.54)
- LCH
- lch(55.19 75.89 345.9)
- CMYK
- cmyk(0% 77% 28% 9%)
Tints · Shades · Tones
Tints
- EE52B0
- F369B8
- F77EC1
- FA92CA
- FDA5D3
- FFB7DC
- FFC9E4
- FFDBED
- FFEDF6
Shades
- CB2E91
- AD257B
- 901E66
- 741652
- 5A0F3E
- 41082C
- 29031A
- 13010A
- 030001
Tones
- E044A3
- D6509F
- CD599B
- C36098
- B96794
- AF6D90
- A4738C
- 997888
- 8D7C84
Color harmonies
Complementary +180°
- E936A7
Pink Bite
- 00A57C
≈ Active Green
Analogous -30° +30°
- E936A7
Pink Bite
- C44EE8
≈ Bubblegum Baby Girl
- FB2C56
≈ Red Pink
Triadic +120° +240°
- E936A7
Pink Bite
- 969100
≈ Old Asparagus
- 009BC7
≈ Isle of Capri
Split-complementary +150° +210°
- E936A7
Pink Bite
- 48A600
≈ Lawn Green
- 00A1A4
≈ Pleasant Stream
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.78:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.55:1 · APCA Lc 38
Best text color: #000000
WCAG 5.55:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--pink-bite: #e936a7;
--pink-bite-rgb: 233 54 167;
--pink-bite-oklch: oklch(0.642 0.235 347.3);
}
.element {
color: var(--pink-bite);
background-color: hsl(322 80% 56%);
border-color: oklch(0.642 0.235 347.3);
}Tailwind CSS v4
@theme {
--color-pink-bite: #e936a7;
--color-pink-bite-50: #ffdaff;
--color-pink-bite-100: #ffc8f4;
--color-pink-bite-200: #ffa9e4;
--color-pink-bite-300: #ff7eca;
--color-pink-bite-400: #fa54b8;
--color-pink-bite-500: #e908a3;
--color-pink-bite-600: #c41389;
--color-pink-bite-700: #9e116e;
--color-pink-bite-800: #750a54;
--color-pink-bite-900: #53073b;
--color-pink-bite-950: #370025;
}SCSS
$pink-bite: #e936a7;
$pink-bite-rgb: 233, 54, 167;
$pink-bite-light: mix(#fff, $pink-bite, 20%);
$pink-bite-dark: mix(#000, $pink-bite, 20%);
.element {
color: $pink-bite;
box-shadow: 0 0 0 2px rgba($pink-bite, 0.35);
}