Couleur nommée la plus proche · #FDE0E2
#FDE0E2
Couleur nommée la plus proche: Blowing Kisses
#FDE0E2 (rgb(253 224 226), hsl(356 88% 94%), oklch(0.931 0.032 13)) est la plus proche de la couleur nommée Blowing Kisses. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FDE0E2
oklch(0.931 0.032 13)
Conversions de couleur
- HEX
- #fde0e2
- RGB
- rgb(253 224 226)
- HSL
- hsl(356 88% 94%)
- HWB
- hwb(356 88% 1%)
- OKLCH
- oklch(0.931 0.032 13)
- OKLab
- oklab(0.931 0.031 0.007)
- CIE Lab
- lab(91.64 10.55 2.87)
- LCH
- lch(91.64 10.93 15.2)
- CMYK
- cmyk(0% 11% 11% 1%)
Teintes · Ombres · Tons
Teintes
- FDE3E5
- FEE6E8
- FEE9EB
- FEECEE
- FEEFF0
- FEF3F3
- FFF6F6
- FFF9F9
- FFFCFC
Ombres
- DCC3C4
- BCA6A8
- 9D8A8C
- 7F7071
- 625657
- 473E3E
- 2D2727
- 161212
- 030203
Tons
- F0D6D8
- E3CCCE
- D6C2C4
- C9B8BA
- BDAFB0
- B0A5A6
- A49C9C
- 989293
- 8C8989
Harmonies de couleurs
Complémentaire +180°
- FDE0E2
Blowing Kisses
- D1EFEE
≈ Morning Calm
Analogue -30° +30°
- FDE0E2
Blowing Kisses
- F9E0EE
≈ Spun Sugar
- FCE2D8
≈ Peach Cloud
Triadique +120° +240°
- FDE0E2
Blowing Kisses
- E0EDD8
≈ Ghost Lichen
- DAEAFE
≈ Cloudless
Complémentaire divisée +150° +210°
- FDE0E2
Blowing Kisses
- D6EFE2
≈ Spring Dew
- D2EEF8
≈ Blue Hijab
Tétradique +90° +180° +270°
- FDE0E2
Blowing Kisses
- ECEAD1
≈ Light Chervil
- D1EFEE
≈ Morning Calm
- E5E6FE
≈ Lavender Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.23:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.93:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--blowing-kisses: #fde0e2;
--blowing-kisses-rgb: 253 224 226;
--blowing-kisses-oklch: oklch(0.931 0.032 13);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(356 88% 94%);
border-color: oklch(0.931 0.032 13);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #fde0e2;
--color-blowing-kisses-50: #fef2f2;
--color-blowing-kisses-100: #f2e4e4;
--color-blowing-kisses-200: #e2cfd0;
--color-blowing-kisses-300: #c7b1b2;
--color-blowing-kisses-400: #b19799;
--color-blowing-kisses-500: #9a7e80;
--color-blowing-kisses-600: #826b6c;
--color-blowing-kisses-700: #685557;
--color-blowing-kisses-800: #4d3e40;
--color-blowing-kisses-900: #352b2c;
--color-blowing-kisses-950: #201819;
}SCSS
$blowing-kisses: #fde0e2;
$blowing-kisses-rgb: 253, 224, 226;
$blowing-kisses-light: mix(#fff, $blowing-kisses, 20%);
$blowing-kisses-dark: mix(#000, $blowing-kisses, 20%);
.element {
color: $blowing-kisses;
box-shadow: 0 0 0 2px rgba($blowing-kisses, 0.35);
}