Cor nomeada · #F6C8C1
Millennial Pink
Millennial Pink é #F6C8C1: rgb(246 200 193), hsl(8 75% 86%), oklch(0.871 0.054 28.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Millennial Pink color name →
#F6C8C1
oklch(0.871 0.054 28.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- F7CDC7
- F8D3CD
- F9D8D3
- FADEDA
- FBE3E0
- FCE9E6
- FDEEEC
- FEF4F2
- FEF9F9
Sombras
- D6AEA7
- B7948F
- 987B77
- 7B635F
- 5F4C49
- 453634
- 2C2120
- 150F0E
- 030202
Tons
- EAC1BA
- DEB9B4
- D2B2AD
- C6ABA7
- BAA3A0
- AE9C9A
- A29593
- 978E8D
- 8B8786
Harmonias de cor
Complementar +180°
- F6C8C1
Millennial Pink
- ACDFE7
≈ Sky Cloud
Análoga -30° +30°
- F6C8C1
Millennial Pink
- F3C7D4
≈ Mountain Laurel
- F0CDB2
≈ Peach Darling
Tríade +120° +240°
- F6C8C1
Millennial Pink
- BEDFC1
≈ Pallid Green
- C5D4F9
≈ Pale Phthalo Blue
Complementar dividida +150° +210°
- F6C8C1
Millennial Pink
- AFE1D5
≈ Capri Water Blue
- B5DAF4
≈ Blue Rice
Tétrade +90° +180° +270°
- F6C8C1
Millennial Pink
- D1DAB3
≈ Prairie Willow
- ACDFE7
≈ Sky Cloud
- D8CEF4
≈ Pale Lavender
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.95:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
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);
}