Couleur nommée la plus proche · #FFE5DD
#FFE5DD
Couleur nommée la plus proche: Pink Parfait
#FFE5DD (rgb(255 229 221), hsl(14 100% 93%), oklch(0.941 0.031 37.8)) 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.
#FFE5DD
oklch(0.941 0.031 37.8)
Conversions de couleur
- HEX
- #ffe5dd
- RGB
- rgb(255 229 221)
- HSL
- hsl(14 100% 93%)
- HWB
- hwb(14 87% 0%)
- OKLCH
- oklch(0.941 0.031 37.8)
- OKLab
- oklab(0.941 0.024 0.019)
- CIE Lab
- lab(92.93 8.25 7.33)
- LCH
- lch(92.93 11.03 41.6)
- CMYK
- cmyk(0% 10% 13% 0%)
Teintes · Ombres · Tons
Teintes
- FFE8E0
- FFEAE4
- FFEDE7
- FFEFEB
- FFF2EE
- FFF5F1
- FFF7F5
- FFFAF8
- FFFCFC
Ombres
- DEC7C0
- BEAAA4
- 9E8E88
- 80726E
- 635855
- 483F3D
- 2E2826
- 161211
- 030302
Tons
- F2DAD3
- E4D0CA
- D7C6C0
- CABBB7
- BEB1AD
- B1A7A4
- A59D9B
- 989392
- 8C8A89
Harmonies de couleurs
Complémentaire +180°
- FFE5DD
Pink Parfait
- D6F1F9
≈ Water
Analogue -30° +30°
- FFE5DD
Pink Parfait
- FFE4E7
≈ Vanilla Strawberry
- FAE8D6
≈ Pignoli
Triadique +120° +240°
- FFE5DD
Pink Parfait
- DBF2E4
≈ Aloe Mist
- E6EAFF
≈ Glitter
Complémentaire divisée +150° +210°
- FFE5DD
Pink Parfait
- D6F3EF
≈ Sea Ice
- DCEEFF
≈ Calcareous Sinter
Tétradique +90° +180° +270°
- FFE5DD
Pink Parfait
- E5F0DA
≈ Maison Verte
- D6F1F9
≈ Water
- F1E6FC
≈ Minute Mauve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.19:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.50:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--pink-parfait: #ffe5dd;
--pink-parfait-rgb: 255 229 221;
--pink-parfait-oklch: oklch(0.941 0.031 37.8);
}
.element {
color: var(--pink-parfait);
background-color: hsl(14 100% 93%);
border-color: oklch(0.941 0.031 37.8);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #ffe5dd;
--color-pink-parfait-50: #fef2ef;
--color-pink-parfait-100: #f2e5e0;
--color-pink-parfait-200: #e1d0cb;
--color-pink-parfait-300: #c6b3ac;
--color-pink-parfait-400: #af9992;
--color-pink-parfait-500: #998078;
--color-pink-parfait-600: #816c65;
--color-pink-parfait-700: #685651;
--color-pink-parfait-800: #4c3f3b;
--color-pink-parfait-900: #352b29;
--color-pink-parfait-950: #201916;
}SCSS
$pink-parfait: #ffe5dd;
$pink-parfait-rgb: 255, 229, 221;
$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);
}