Couleur nommée la plus proche · #FBE1DB
#FBE1DB
Couleur nommée la plus proche: Pink Parfait
#FBE1DB (rgb(251 225 219), hsl(11 80% 92%), oklch(0.929 0.03 33.1)) est la plus proche de la couleur nommée Pink Parfait. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FBE1DB
oklch(0.929 0.03 33.1)
Conversions de couleur
- HEX
- #fbe1db
- RGB
- rgb(251 225 219)
- HSL
- hsl(11 80% 92%)
- HWB
- hwb(11 86% 2%)
- OKLCH
- oklch(0.929 0.03 33.1)
- OKLab
- oklab(0.929 0.025 0.016)
- CIE Lab
- lab(91.57 8.51 6.37)
- LCH
- lch(91.57 10.63 36.8)
- CMYK
- cmyk(0% 10% 13% 2%)
Teintes · Ombres · Tons
Teintes
- FBE4DF
- FCE7E2
- FCEAE6
- FDEDE9
- FDF0ED
- FEF3F1
- FEF6F4
- FEF9F8
- FFFCFB
Ombres
- DAC4BE
- BAA7A2
- 9C8B87
- 7E706D
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
Tons
- EED7D2
- E1CDC8
- D5C3BF
- C8B9B6
- BCAFAC
- B0A6A3
- A39C9A
- 979391
- 8C8989
Harmonies de couleurs
Complémentaire +180°
- FBE1DB
Pink Parfait
- D2EDF4
≈ Sparkling River
Analogue -30° +30°
- FBE1DB
Pink Parfait
- FAE0E5
≈ Cake Frosting
- F7E4D4
≈ Breakfast Biscuit
Triadique +120° +240°
- FBE1DB
Pink Parfait
- D9EEDE
≈ Pondscape
- E1E7FC
≈ Lavender Mist
Complémentaire divisée +150° +210°
- FBE1DB
Pink Parfait
- D3EFE9
≈ Teal Ice
- D7EBFB
≈ Cloudless
Tétradique +90° +180° +270°
- FBE1DB
Pink Parfait
- E4EBD6
≈ Enlightened Lime
- D2EDF4
≈ Sparkling River
- EBE3F9
≈ Lavender Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.24:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.89:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--pink-parfait: #fbe1db;
--pink-parfait-rgb: 251 225 219;
--pink-parfait-oklch: oklch(0.929 0.03 33.1);
}
.element {
color: var(--pink-parfait);
background-color: hsl(11 80% 92%);
border-color: oklch(0.929 0.03 33.1);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #fbe1db;
--color-pink-parfait-50: #fdf2ef;
--color-pink-parfait-100: #f2e5e1;
--color-pink-parfait-200: #e1d0cc;
--color-pink-parfait-300: #c6b2ad;
--color-pink-parfait-400: #af9893;
--color-pink-parfait-500: #997f7a;
--color-pink-parfait-600: #816c67;
--color-pink-parfait-700: #685652;
--color-pink-parfait-800: #4c3f3c;
--color-pink-parfait-900: #352b29;
--color-pink-parfait-950: #201817;
}SCSS
$pink-parfait: #fbe1db;
$pink-parfait-rgb: 251, 225, 219;
$pink-parfait-light: mix(#fff, $pink-parfait, 20%);
$pink-parfait-dark: mix(#000, $pink-parfait, 20%);
.element {
color: $pink-parfait;
box-shadow: 0 0 0 2px rgba($pink-parfait, 0.35);
}