Named color · #F6C8C1
Millennial Pink
Millennial Pink is #F6C8C1: rgb(246 200 193), hsl(8 75% 86%), oklch(0.871 0.054 28.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Millennial Pink color name →
#F6C8C1
oklch(0.871 0.054 28.3)
Color conversions
- HEX
- #f6c8c1
- RGB
- rgb(246 200 193)
- HSL
- hsl(8 75% 86%)
- HWB
- hwb(8 76% 4%)
- OKLCH
- oklch(0.871 0.054 28.3)
- OKLab
- oklab(0.871 0.047 0.025)
- CIE Lab
- lab(84.56 16.06 10)
- LCH
- lch(84.56 18.92 31.9)
- CMYK
- cmyk(0% 19% 22% 4%)
Tints · Shades · Tones
Tints
- F7CDC7
- F8D3CD
- F9D8D3
- FADEDA
- FBE3E0
- FCE9E6
- FDEEEC
- FEF4F2
- FEF9F9
Shades
- D6AEA7
- B7948F
- 987B77
- 7B635F
- 5F4C49
- 453634
- 2C2120
- 150F0E
- 030202
Tones
- EAC1BA
- DEB9B4
- D2B2AD
- C6ABA7
- BAA3A0
- AE9C9A
- A29593
- 978E8D
- 8B8786
Color harmonies
Complementary +180°
- F6C8C1
Millennial Pink
- ACDFE7
≈ Sky Cloud
Analogous -30° +30°
- F6C8C1
Millennial Pink
- F3C7D4
≈ Mountain Laurel
- F0CDB2
≈ Peach Darling
Triadic +120° +240°
- F6C8C1
Millennial Pink
- BEDFC1
≈ Pallid Green
- C5D4F9
≈ Pale Phthalo Blue
Split-complementary +150° +210°
- F6C8C1
Millennial Pink
- AFE1D5
≈ Capri Water Blue
- B5DAF4
≈ Blue Rice
Tetradic +90° +180° +270°
- F6C8C1
Millennial Pink
- D1DAB3
≈ Prairie Willow
- ACDFE7
≈ Sky Cloud
- D8CEF4
≈ Pale Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.95:1 · APCA Lc 80
Best text color: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--millennial-pink: #f6c8c1;
--millennial-pink-rgb: 246 200 193;
--millennial-pink-oklch: oklch(0.871 0.054 28.3);
}
.element {
color: var(--millennial-pink);
background-color: hsl(8 75% 86%);
border-color: oklch(0.871 0.054 28.3);
}Tailwind CSS v4
@theme {
--color-millennial-pink: #f6c8c1;
--color-millennial-pink-50: #fff0ec;
--color-millennial-pink-100: #f9e2dd;
--color-millennial-pink-200: #eaccc7;
--color-millennial-pink-300: #d1aea7;
--color-millennial-pink-400: #bc938d;
--color-millennial-pink-500: #a77972;
--color-millennial-pink-600: #8d6761;
--color-millennial-pink-700: #71524d;
--color-millennial-pink-800: #543b39;
--color-millennial-pink-900: #3a2927;
--color-millennial-pink-950: #241715;
}SCSS
$millennial-pink: #f6c8c1;
$millennial-pink-rgb: 246, 200, 193;
$millennial-pink-light: mix(#fff, $millennial-pink, 20%);
$millennial-pink-dark: mix(#000, $millennial-pink, 20%);
.element {
color: $millennial-pink;
box-shadow: 0 0 0 2px rgba($millennial-pink, 0.35);
}