Named color · #D6A5CD
Berry Popsicle
Berry Popsicle is #D6A5CD: rgb(214 165 205), hsl(311 37% 74%), oklch(0.779 0.078 332.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Berry Popsicle color name →
#D6A5CD
oklch(0.779 0.078 332.8)
Color conversions
- HEX
- #d6a5cd
- RGB
- rgb(214 165 205)
- HSL
- hsl(311 37% 74%)
- HWB
- hwb(311 65% 16%)
- OKLCH
- oklch(0.779 0.078 332.8)
- OKLab
- oklab(0.779 0.07 -0.036)
- CIE Lab
- lab(73.31 23.45 -13.19)
- LCH
- lch(73.31 26.91 330.6)
- CMYK
- cmyk(0% 23% 4% 16%)
Tints · Shades · Tones
Tints
- DAAED2
- DFB7D7
- E3C0DC
- E7C9E1
- EBD2E6
- EFDBEB
- F3E4F0
- F7EDF5
- FBF6FA
Shades
- BA8FB2
- 9E7998
- 84657E
- 6A5166
- 523D4E
- 3B2B38
- 251A23
- 100A0F
- 020102
Tones
- CDA1C5
- C59EBD
- BC9AB5
- B396AE
- AB93A6
- A28F9E
- 998B97
- 91888F
- 888487
Color harmonies
Complementary +180°
- D6A5CD
Berry Popsicle
- 91C69F
≈ Delltone
Analogous -30° +30°
- D6A5CD
Berry Popsicle
- C1ACE1
≈ Perfume
- E3A3B2
≈ Iced Vovo
Triadic +120° +240°
- D6A5CD
Berry Popsicle
- C8B67D
≈ Yuma
- 79C5D5
≈ Lagoona Teal
Split-complementary +150° +210°
- D6A5CD
Berry Popsicle
- AEC088
≈ Shrubbery
- 7CC8BC
≈ Hawaiian Vacation
Tetradic +90° +180° +270°
- D6A5CD
Berry Popsicle
- DCAD83
≈ Porcini
- 91C69F
≈ Delltone
- 8BBEE6
≈ Watery Sea
Contrast & accessibility
Ag
FailOn white
WCAG 2.07:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.12:1 · APCA Lc 62
Best text color: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--berry-popsicle: #d6a5cd;
--berry-popsicle-rgb: 214 165 205;
--berry-popsicle-oklch: oklch(0.779 0.078 332.8);
}
.element {
color: var(--berry-popsicle);
background-color: hsl(311 37% 74%);
border-color: oklch(0.779 0.078 332.8);
}Tailwind CSS v4
@theme {
--color-berry-popsicle: #d6a5cd;
--color-berry-popsicle-50: #ffedfe;
--color-berry-popsicle-100: #f9dff2;
--color-berry-popsicle-200: #eac8e2;
--color-berry-popsicle-300: #d1a9c8;
--color-berry-popsicle-400: #bb8eb3;
--color-berry-popsicle-500: #a5739d;
--color-berry-popsicle-600: #8c6184;
--color-berry-popsicle-700: #704e6a;
--color-berry-popsicle-800: #52384f;
--color-berry-popsicle-900: #392737;
--color-berry-popsicle-950: #231522;
}SCSS
$berry-popsicle: #d6a5cd;
$berry-popsicle-rgb: 214, 165, 205;
$berry-popsicle-light: mix(#fff, $berry-popsicle, 20%);
$berry-popsicle-dark: mix(#000, $berry-popsicle, 20%);
.element {
color: $berry-popsicle;
box-shadow: 0 0 0 2px rgba($berry-popsicle, 0.35);
}