Cor nomeada · #FFCFF1
Shampoo
Shampoo é #FFCFF1: rgb(255 207 241), hsl(318 100% 91%), oklch(0.906 0.069 336.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Shampoo color name →
#FFCFF1
oklch(0.906 0.069 336.9)
Conversões de cor
- HEX
- #ffcff1
- RGB
- rgb(255 207 241)
- HSL
- hsl(318 100% 91%)
- HWB
- hwb(318 81% 0%)
- OKLCH
- oklch(0.906 0.069 336.9)
- OKLab
- oklab(0.906 0.064 -0.027)
- CIE Lab
- lab(88.12 21.47 -10.06)
- LCH
- lch(88.12 23.71 334.9)
- CMYK
- cmyk(0% 19% 5% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFD4F2
- FFD9F4
- FFDDF5
- FFE2F7
- FFE7F8
- FFECF9
- FFF1FB
- FFF5FC
- FFFAFE
Sombras
- DEB4D2
- BE99B3
- 9E7F95
- 806779
- 634F5D
- 483843
- 2E232B
- 161014
- 030203
Tons
- F2C7E5
- E5BFD9
- D8B7CE
- CBAFC2
- BEA7B7
- B19FAC
- A597A1
- 988F96
- 8C888B
Harmonias de cor
Complementar +180°
- FFCFF1
Shampoo
- BBEECE
≈ Mystery Mint
Análoga -30° +30°
- FFCFF1
Shampoo
- EAD6FF
≈ Rose Dragée
- FFD3DA
≈ Pink Fluorite
Tríade +120° +240°
- FFCFF1
Shampoo
- EDE1AC
≈ Chapel Wall
- ABECFE
≈ Beyond the Clouds
Complementar dividida +150° +210°
- FFCFF1
Shampoo
- D4E9B8
≈ Frozen Forest
- ABF0E7
≈ East Cape
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.35:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.44:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--shampoo: #ffcff1;
--shampoo-rgb: 255 207 241;
--shampoo-oklch: oklch(0.906 0.069 336.9);
}
.element {
color: var(--shampoo);
background-color: hsl(318 100% 91%);
border-color: oklch(0.906 0.069 336.9);
}Tailwind CSS v4
@theme {
--color-shampoo: #ffcff1;
--color-shampoo-50: #ffeefc;
--color-shampoo-100: #f9dff0;
--color-shampoo-200: #e9c9de;
--color-shampoo-300: #d0aac3;
--color-shampoo-400: #ba8fae;
--color-shampoo-500: #a47497;
--color-shampoo-600: #8b6380;
--color-shampoo-700: #6f4f66;
--color-shampoo-800: #52394c;
--color-shampoo-900: #392735;
--color-shampoo-950: #231520;
}SCSS
$shampoo: #ffcff1;
$shampoo-rgb: 255, 207, 241;
$shampoo-light: mix(#fff, $shampoo, 20%);
$shampoo-dark: mix(#000, $shampoo, 20%);
.element {
color: $shampoo;
box-shadow: 0 0 0 2px rgba($shampoo, 0.35);
}