Couleur nommée · #FBAED2
Spaghetti Strap Pink
Spaghetti Strap Pink correspond à #FBAED2 : rgb(251 174 210), hsl(332 91% 83%), oklch(0.834 0.1 349.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Spaghetti Strap Pink color name →
#FBAED2
oklch(0.834 0.1 349.9)
Conversions de couleur
- HEX
- #fbaed2
- RGB
- rgb(251 174 210)
- HSL
- hsl(332 91% 83%)
- HWB
- hwb(332 68% 2%)
- OKLCH
- oklch(0.834 0.1 349.9)
- OKLab
- oklab(0.834 0.099 -0.018)
- CIE Lab
- lab(79.45 32.72 -6.32)
- LCH
- lch(79.45 33.33 349.1)
- CMYK
- cmyk(0% 31% 16% 2%)
Teintes · Ombres · Tons
Teintes
- FCB6D6
- FDBEDB
- FEC7DF
- FECFE4
- FFD7E8
- FFDFED
- FFE7F1
- FFEFF6
- FFF7FA
Ombres
- DA97B6
- BA809B
- 9C6A81
- 7E5568
- 614150
- 462E39
- 2D1C24
- 150B10
- 030102
Tons
- EEAAC9
- E2A5C1
- D6A1B9
- C99CB0
- BD97A8
- B193A0
- A58E98
- 988990
- 8C8588
Harmonies de couleurs
Complémentaire +180°
- FBAED2
Spaghetti Strap Pink
- 82DEBF
≈ Āsmānī Sky
Analogue -30° +30°
- FBAED2
Spaghetti Strap Pink
- E6B4F2
≈ Candy Dreams
- FFB1B0
≈ Fancy Flamingo
Triadique +120° +240°
- FBAED2
Spaghetti Strap Pink
- CCCF81
≈ Deco
- 80D5FD
≈ Sky
Complémentaire divisée +150° +210°
- FBAED2
Spaghetti Strap Pink
- A6D99B
≈ Cool Aloe
- 70DDE2
≈ Deep Aquamarine
Tétradique +90° +180° +270°
- FBAED2
Spaghetti Strap Pink
- EBC27C
≈ Wild Bamboo
- 82DEBF
≈ Āsmānī Sky
- AACAFF
≈ Night Snow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.73:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.08:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--spaghetti-strap-pink: #fbaed2;
--spaghetti-strap-pink-rgb: 251 174 210;
--spaghetti-strap-pink-oklch: oklch(0.834 0.1 349.9);
}
.element {
color: var(--spaghetti-strap-pink);
background-color: hsl(332 91% 83%);
border-color: oklch(0.834 0.1 349.9);
}Tailwind CSS v4
@theme {
--color-spaghetti-strap-pink: #fbaed2;
--color-spaghetti-strap-pink-50: #ffeaf8;
--color-spaghetti-strap-pink-100: #ffdbeb;
--color-spaghetti-strap-pink-200: #f7c3d9;
--color-spaghetti-strap-pink-300: #e0a3bd;
--color-spaghetti-strap-pink-400: #cc86a7;
--color-spaghetti-strap-pink-500: #b76990;
--color-spaghetti-strap-pink-600: #9b5979;
--color-spaghetti-strap-pink-700: #7c4761;
--color-spaghetti-strap-pink-800: #5c3348;
--color-spaghetti-strap-pink-900: #402332;
--color-spaghetti-strap-pink-950: #29121e;
}SCSS
$spaghetti-strap-pink: #fbaed2;
$spaghetti-strap-pink-rgb: 251, 174, 210;
$spaghetti-strap-pink-light: mix(#fff, $spaghetti-strap-pink, 20%);
$spaghetti-strap-pink-dark: mix(#000, $spaghetti-strap-pink, 20%);
.element {
color: $spaghetti-strap-pink;
box-shadow: 0 0 0 2px rgba($spaghetti-strap-pink, 0.35);
}