Named color · #E6BCCD
Pink Mist
Pink Mist is #E6BCCD: rgb(230 188 205), hsl(336 46% 82%), oklch(0.837 0.053 352.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Pink Mist color name →
#E6BCCD
oklch(0.837 0.053 352.1)
Color conversions
- HEX
- #e6bccd
- RGB
- rgb(230 188 205)
- HSL
- hsl(336 46% 82%)
- HWB
- hwb(336 74% 10%)
- OKLCH
- oklch(0.837 0.053 352.1)
- OKLab
- oklab(0.837 0.052 -0.007)
- CIE Lab
- lab(80.38 17.53 -2.6)
- LCH
- lch(80.38 17.72 351.6)
- CMYK
- cmyk(0% 18% 11% 10%)
Tints · Shades · Tones
Tints
- E9C3D2
- EBC9D7
- EED0DC
- F1D7E1
- F3DDE6
- F6E4EB
- F8EBF0
- FAF1F5
- FDF8FA
Shades
- C8A3B2
- AB8B98
- 8E737E
- 735D66
- 59474E
- 403238
- 281F23
- 130D0F
- 030202
Tones
- DBB6C5
- D1B0BD
- C7AAB5
- BCA4AD
- B29EA6
- A8989E
- 9E9296
- 948C8F
- 8A8687
Color harmonies
Complementary +180°
- E6BCCD
Pink Mist
- A7D5C6
≈ Southern Belle
Analogous -30° +30°
- E6BCCD
Pink Mist
- DABFDE
≈ Faded Violet
- EABDBA
≈ Arizona Sunrise
Triadic +120° +240°
- E6BCCD
Pink Mist
- CACEA6
≈ Baize Green
- A8D0E6
≈ Chefchaouen Blue
Split-complementary +150° +210°
- E6BCCD
Pink Mist
- B7D3B3
≈ Lime Taffy
- A2D4D8
≈ Iced Aqua
Tetradic +90° +180° +270°
- E6BCCD
Pink Mist
- DBC7A3
≈ Oatmeal Bath
- A7D5C6
≈ Southern Belle
- B7CAED
≈ Cuddle
Contrast & accessibility
Ag
FailOn white
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.43:1 · APCA Lc 73
Best text color: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--pink-mist: #e6bccd;
--pink-mist-rgb: 230 188 205;
--pink-mist-oklch: oklch(0.837 0.053 352.1);
}
.element {
color: var(--pink-mist);
background-color: hsl(336 46% 82%);
border-color: oklch(0.837 0.053 352.1);
}Tailwind CSS v4
@theme {
--color-pink-mist: #e6bccd;
--color-pink-mist-50: #ffeff6;
--color-pink-mist-100: #f7e1e9;
--color-pink-mist-200: #e8cbd6;
--color-pink-mist-300: #ceadb9;
--color-pink-mist-400: #b892a2;
--color-pink-mist-500: #a2788a;
--color-pink-mist-600: #896675;
--color-pink-mist-700: #6e515d;
--color-pink-mist-800: #513b45;
--color-pink-mist-900: #382830;
--color-pink-mist-950: #23161c;
}SCSS
$pink-mist: #e6bccd;
$pink-mist-rgb: 230, 188, 205;
$pink-mist-light: mix(#fff, $pink-mist, 20%);
$pink-mist-dark: mix(#000, $pink-mist, 20%);
.element {
color: $pink-mist;
box-shadow: 0 0 0 2px rgba($pink-mist, 0.35);
}