Benannte Farbe · #F5BCDE
Cotton Candy Aesthetic
Cotton Candy Aesthetic ist #F5BCDE: rgb(245 188 222), hsl(324 74% 85%), oklch(0.856 0.078 342.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Cotton Candy Aesthetic color name →
#F5BCDE
oklch(0.856 0.078 342.4)
Farbumrechnungen
- HEX
- #f5bcde
- RGB
- rgb(245 188 222)
- HSL
- hsl(324 74% 85%)
- HWB
- hwb(324 74% 4%)
- OKLCH
- oklch(0.856 0.078 342.4)
- OKLab
- oklab(0.856 0.075 -0.024)
- CIE Lab
- lab(82.27 25.02 -8.72)
- LCH
- lch(82.27 26.49 340.8)
- CMYK
- cmyk(0% 23% 9% 4%)
Tints · Shades · Tones
Tints
- F6C3E1
- F8C9E5
- F9D0E8
- FAD7EB
- FBDEEE
- FCE4F2
- FDEBF5
- FEF2F8
- FEF8FC
Shades
- D5A3C1
- B68BA5
- 987389
- 7B5D6F
- 5F4755
- 44323D
- 2B1F26
- 150D12
- 030202
Tones
- E9B6D4
- DDB0CB
- D1AAC1
- C5A4B7
- BA9EAE
- AE98A5
- A2929B
- 978C92
- 8B8689
Farbharmonien
Komplementär +180°
- F5BCDE
Cotton Candy Aesthetic
- A1E0C1
≈ Reef Green
Analog -30° +30°
- F5BCDE
Cotton Candy Aesthetic
- E2C2F5
≈ Neon Boneyard
- FFBBC2
≈ A Lot of Love
Triadisch +120° +240°
- F5BCDE
Cotton Candy Aesthetic
- D9D296
≈ That’s My Lime
- 95DCF5
≈ Sora Blue
Geteilt komplementär +150° +210°
- F5BCDE
Cotton Candy Aesthetic
- BDDBA6
≈ Embroidered Silk
- 91E1DD
≈ Aqua Fiesta
Tetradisch +90° +180° +270°
- F5BCDE
Cotton Candy Aesthetic
- F0C897
≈ Mellow Moment
- A1E0C1
≈ Reef Green
- AED4FF
≈ Ice Cold Stare
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.13:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--cotton-candy-aesthetic: #f5bcde;
--cotton-candy-aesthetic-rgb: 245 188 222;
--cotton-candy-aesthetic-oklch: oklch(0.856 0.078 342.4);
}
.element {
color: var(--cotton-candy-aesthetic);
background-color: hsl(324 74% 85%);
border-color: oklch(0.856 0.078 342.4);
}Tailwind CSS v4
@theme {
--color-cotton-candy-aesthetic: #f5bcde;
--color-cotton-candy-aesthetic-50: #ffedfb;
--color-cotton-candy-aesthetic-100: #fcdeee;
--color-cotton-candy-aesthetic-200: #eec7dc;
--color-cotton-candy-aesthetic-300: #d5a8c1;
--color-cotton-candy-aesthetic-400: #c08cab;
--color-cotton-candy-aesthetic-500: #aa7194;
--color-cotton-candy-aesthetic-600: #90607e;
--color-cotton-candy-aesthetic-700: #744d64;
--color-cotton-candy-aesthetic-800: #55384b;
--color-cotton-candy-aesthetic-900: #3b2634;
--color-cotton-candy-aesthetic-950: #25141f;
}SCSS
$cotton-candy-aesthetic: #f5bcde;
$cotton-candy-aesthetic-rgb: 245, 188, 222;
$cotton-candy-aesthetic-light: mix(#fff, $cotton-candy-aesthetic, 20%);
$cotton-candy-aesthetic-dark: mix(#000, $cotton-candy-aesthetic, 20%);
.element {
color: $cotton-candy-aesthetic;
box-shadow: 0 0 0 2px rgba($cotton-candy-aesthetic, 0.35);
}