Benannte Farbe · #FFD9E7
Strawberry Milk
Strawberry Milk ist #FFD9E7: rgb(255 217 231), hsl(338 100% 93%), oklch(0.921 0.046 353.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Strawberry Milk color name →
#FFD9E7
oklch(0.921 0.046 353.9)
Farbumrechnungen
- HEX
- #ffd9e7
- RGB
- rgb(255 217 231)
- HSL
- hsl(338 100% 93%)
- HWB
- hwb(338 85% 0%)
- OKLCH
- oklch(0.921 0.046 353.9)
- OKLab
- oklab(0.921 0.046 -0.005)
- CIE Lab
- lab(90.25 15.29 -1.71)
- LCH
- lch(90.25 15.39 353.6)
- CMYK
- cmyk(0% 15% 9% 0%)
Tints · Shades · Tones
Tints
- FFDDE9
- FFE1EC
- FFE4EE
- FFE8F1
- FFECF3
- FFF0F5
- FFF4F8
- FFF7FA
- FFFBFD
Shades
- DEBCC9
- BEA1AB
- 9E868F
- 806C73
- 635359
- 483B40
- 2E2528
- 161113
- 030203
Tones
- F2D0DC
- E5C7D2
- D8BEC7
- CBB4BC
- BEACB2
- B1A3A8
- A59A9E
- 989194
- 8C898A
Farbharmonien
Komplementär +180°
- FFD9E7
Strawberry Milk
- C7EFE2
≈ Summer House
Analog -30° +30°
- FFD9E7
Strawberry Milk
- F5DBF7
≈ Grape Taffy
- FFDBD8
≈ Cottagecore Sunset
Triadisch +120° +240°
- FFD9E7
Strawberry Milk
- E4E9C6
≈ More Mint
- C8EBFF
≈ Blue Java Banana
Geteilt komplementär +150° +210°
- FFD9E7
Strawberry Milk
- D3EDD2
≈ End of the Rainbow
- C2EFF3
≈ Icy Breeze
Tetradisch +90° +180° +270°
- FFD9E7
Strawberry Milk
- F4E3C3
≈ Cameo Cream
- C7EFE2
≈ Summer House
- D8E5FF
≈ Veiling Waterfalls
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.33:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--strawberry-milk: #ffd9e7;
--strawberry-milk-rgb: 255 217 231;
--strawberry-milk-oklch: oklch(0.921 0.046 353.9);
}
.element {
color: var(--strawberry-milk);
background-color: hsl(338 100% 93%);
border-color: oklch(0.921 0.046 353.9);
}Tailwind CSS v4
@theme {
--color-strawberry-milk: #ffd9e7;
--color-strawberry-milk-50: #fff0f5;
--color-strawberry-milk-100: #f5e2e8;
--color-strawberry-milk-200: #e5cdd5;
--color-strawberry-milk-300: #ccaeb8;
--color-strawberry-milk-400: #b594a0;
--color-strawberry-milk-500: #9f7a88;
--color-strawberry-milk-600: #876773;
--color-strawberry-milk-700: #6c535c;
--color-strawberry-milk-800: #4f3c44;
--color-strawberry-milk-900: #37292f;
--color-strawberry-milk-950: #22171c;
}SCSS
$strawberry-milk: #ffd9e7;
$strawberry-milk-rgb: 255, 217, 231;
$strawberry-milk-light: mix(#fff, $strawberry-milk, 20%);
$strawberry-milk-dark: mix(#000, $strawberry-milk, 20%);
.element {
color: $strawberry-milk;
box-shadow: 0 0 0 2px rgba($strawberry-milk, 0.35);
}