Named color · #F780A1
Pink Sherbet
Pink Sherbet is #F780A1: rgb(247 128 161), hsl(343 88% 74%), oklch(0.742 0.149 3.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Pink Sherbet color name →
#F780A1
oklch(0.742 0.149 3.7)
Color conversions
- HEX
- #f780a1
- RGB
- rgb(247 128 161)
- HSL
- hsl(343 88% 74%)
- HWB
- hwb(343 50% 3%)
- OKLCH
- oklch(0.742 0.149 3.7)
- OKLab
- oklab(0.742 0.148 0.01)
- CIE Lab
- lab(68.26 48.85 4.4)
- LCH
- lch(68.26 49.05 5.1)
- CMYK
- cmyk(0% 48% 35% 3%)
Tints · Shades · Tones
Tints
- F98DAA
- FC9BB3
- FDA7BC
- FFB4C6
- FFC1CF
- FFCDD8
- FFDAE2
- FFE6EC
- FFF3F5
Shades
- D76E8B
- B75D76
- 994D62
- 7C3D4E
- 602E3C
- 451F2A
- 2C1219
- 150609
- 030101
Tones
- EB819E
- E0829A
- D48297
- C98294
- BD8290
- B1828D
- A5828A
- 998286
- 8D8183
Color harmonies
Complementary +180°
- F780A1
Pink Sherbet
- 00C6B4
≈ Amazonite
Analogous -30° +30°
- F780A1
Pink Sherbet
- E385D2
≈ Blushed Bombshell
- FA856B
≈ Fruit Red
Triadic +120° +240°
- F780A1
Pink Sherbet
- 99BB46
≈ Paddy Field
- 4DB4FF
≈ Tiān Lán Sky
Split-complementary +150° +210°
- F780A1
Pink Sherbet
- 51C67F
≈ Paris Green
- 00C0DD
≈ Caribbean Blue
Tetradic +90° +180° +270°
- F780A1
Pink Sherbet
- CBA814
≈ Catkin Yellow
- 00C6B4
≈ Amazonite
- 91A4FF
≈ Widowmaker
Contrast & accessibility
Ag
FailOn white
WCAG 2.45:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.55:1 · APCA Lc 54
Best text color: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--pink-sherbet: #f780a1;
--pink-sherbet-rgb: 247 128 161;
--pink-sherbet-oklch: oklch(0.742 0.149 3.7);
}
.element {
color: var(--pink-sherbet);
background-color: hsl(343 88% 74%);
border-color: oklch(0.742 0.149 3.7);
}Tailwind CSS v4
@theme {
--color-pink-sherbet: #f780a1;
--color-pink-sherbet-50: #ffe4ef;
--color-pink-sherbet-100: #ffd4e0;
--color-pink-sherbet-200: #ffbacb;
--color-pink-sherbet-300: #f796ac;
--color-pink-sherbet-400: #e57695;
--color-pink-sherbet-500: #d2547b;
--color-pink-sherbet-600: #b24868;
--color-pink-sherbet-700: #8f3953;
--color-pink-sherbet-800: #6a283f;
--color-pink-sherbet-900: #4b1b2b;
--color-pink-sherbet-950: #310b18;
}SCSS
$pink-sherbet: #f780a1;
$pink-sherbet-rgb: 247, 128, 161;
$pink-sherbet-light: mix(#fff, $pink-sherbet, 20%);
$pink-sherbet-dark: mix(#000, $pink-sherbet, 20%);
.element {
color: $pink-sherbet;
box-shadow: 0 0 0 2px rgba($pink-sherbet, 0.35);
}