Couleur nommée la plus proche · #F1D9DE
#F1D9DE
Couleur nommée la plus proche: Dolce Pink
#F1D9DE (rgb(241 217 222), hsl(347 46% 90%), oklch(0.906 0.027 3.4)) est la plus proche de la couleur nommée Dolce Pink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F1D9DE
oklch(0.906 0.027 3.4)
Conversions de couleur
- HEX
- #f1d9de
- RGB
- rgb(241 217 222)
- HSL
- hsl(347 46% 90%)
- HWB
- hwb(347 85% 5%)
- OKLCH
- oklch(0.906 0.027 3.4)
- OKLab
- oklab(0.906 0.027 0.002)
- CIE Lab
- lab(88.8 9.18 0.72)
- LCH
- lch(88.8 9.21 4.5)
- CMYK
- cmyk(0% 10% 8% 5%)
Teintes · Ombres · Tons
Teintes
- F2DDE1
- F4E1E5
- F5E4E8
- F7E8EB
- F8ECEE
- FAF0F2
- FBF4F5
- FCF7F8
- FEFBFC
Ombres
- D2BCC1
- B3A1A5
- 958689
- 796C6F
- 5D5355
- 433B3D
- 2B2526
- 141112
- 030202
Tons
- E5D0D4
- D9C7CA
- CEBDC1
- C2B4B7
- B7ABAE
- ACA3A4
- A19A9B
- 969192
- 8B8989
Harmonies de couleurs
Complémentaire +180°
- F1D9DE
Dolce Pink
- CDE6E2
≈ Ice Dagger
Analogue -30° +30°
- F1D9DE
Dolce Pink
- ECDAE8
≈ Elfin Magic
- F2DAD5
≈ Light Apricot
Triadique +120° +240°
- F1D9DE
Dolce Pink
- DCE3D0
≈ Mystical Sea
- D1E3F1
≈ Weathered Blue
Complémentaire divisée +150° +210°
- F1D9DE
Dolce Pink
- D3E6D8
≈ Light Green Wash
- CDE5EB
≈ Northwind
Tétradique +90° +180° +270°
- F1D9DE
Dolce Pink
- E6E0CC
≈ Vanilla Love
- CDE6E2
≈ Ice Dagger
- DADFF3
≈ Lower Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.33:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.72:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--dolce-pink: #f1d9de;
--dolce-pink-rgb: 241 217 222;
--dolce-pink-oklch: oklch(0.906 0.027 3.4);
}
.element {
color: var(--dolce-pink);
background-color: hsl(347 46% 90%);
border-color: oklch(0.906 0.027 3.4);
}Tailwind CSS v4
@theme {
--color-dolce-pink: #f1d9de;
--color-dolce-pink-50: #fdf2f4;
--color-dolce-pink-100: #f1e4e6;
--color-dolce-pink-200: #dfd0d2;
--color-dolce-pink-300: #c5b2b5;
--color-dolce-pink-400: #ad989d;
--color-dolce-pink-500: #977f84;
--color-dolce-pink-600: #7f6c70;
--color-dolce-pink-700: #665659;
--color-dolce-pink-800: #4b3f42;
--color-dolce-pink-900: #342b2d;
--color-dolce-pink-950: #1f181a;
}SCSS
$dolce-pink: #f1d9de;
$dolce-pink-rgb: 241, 217, 222;
$dolce-pink-light: mix(#fff, $dolce-pink, 20%);
$dolce-pink-dark: mix(#000, $dolce-pink, 20%);
.element {
color: $dolce-pink;
box-shadow: 0 0 0 2px rgba($dolce-pink, 0.35);
}