Benannte Farbe · #FFCFF1
Shampoo
Shampoo ist #FFCFF1: rgb(255 207 241), hsl(318 100% 91%), oklch(0.906 0.069 336.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Shampoo color name →
#FFCFF1
oklch(0.906 0.069 336.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FFD4F2
- FFD9F4
- FFDDF5
- FFE2F7
- FFE7F8
- FFECF9
- FFF1FB
- FFF5FC
- FFFAFE
Shades
- DEB4D2
- BE99B3
- 9E7F95
- 806779
- 634F5D
- 483843
- 2E232B
- 161014
- 030203
Tones
- F2C7E5
- E5BFD9
- D8B7CE
- CBAFC2
- BEA7B7
- B19FAC
- A597A1
- 988F96
- 8C888B
Farbharmonien
Komplementär +180°
- FFCFF1
Shampoo
- BBEECE
≈ Mystery Mint
Analog -30° +30°
- FFCFF1
Shampoo
- EAD6FF
≈ Rose Dragée
- FFD3DA
≈ Pink Fluorite
Triadisch +120° +240°
- FFCFF1
Shampoo
- EDE1AC
≈ Chapel Wall
- ABECFE
≈ Beyond the Clouds
Geteilt komplementär +150° +210°
- FFCFF1
Shampoo
- D4E9B8
≈ Frozen Forest
- ABF0E7
≈ East Cape
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.44:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}