Couleur nommée la plus proche · #FDDBCD
#FDDBCD
Couleur nommée la plus proche: Glazed Sugar
#FDDBCD (rgb(253 219 205), hsl(17 92% 90%), oklch(0.916 0.042 43.7)) est la plus proche de la couleur nommée Glazed Sugar. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FDDBCD
oklch(0.916 0.042 43.7)
Conversions de couleur
- HEX
- #fddbcd
- RGB
- rgb(253 219 205)
- HSL
- hsl(17 92% 90%)
- HWB
- hwb(17 80% 1%)
- OKLCH
- oklch(0.916 0.042 43.7)
- OKLab
- oklab(0.916 0.031 0.029)
- CIE Lab
- lab(90.02 10.59 11.49)
- LCH
- lch(90.02 15.63 47.3)
- CMYK
- cmyk(0% 13% 19% 1%)
Teintes · Ombres · Tons
Teintes
- FDDFD2
- FEE2D7
- FEE6DC
- FEE9E1
- FEEDE6
- FFF1EB
- FFF4F0
- FFF8F5
- FFFBFA
Ombres
- DCBEB2
- BCA298
- 9D877E
- 7F6D66
- 62544E
- 473C38
- 2D2623
- 16110F
- 030202
Tons
- F0D2C5
- E3C8BD
- D6BFB5
- C9B6AE
- BDACA6
- B0A39E
- A49A96
- 98928F
- 8C8987
Harmonies de couleurs
Complémentaire +180°
- FDDBCD
Glazed Sugar
- C6EAF8
≈ Frosty Day
Analogue -30° +30°
- FDDBCD
Glazed Sugar
- FED8DB
≈ Satin Ribbon
- F5E0C5
≈ Flower of Oahu
Triadique +120° +240°
- FDDBCD
Glazed Sugar
- CBEDDC
≈ Summer House
- DFE0FF
≈ Stoic White
Complémentaire divisée +150° +210°
- FDDBCD
Glazed Sugar
- C4EDEB
≈ Gentle Cold
- D1E6FF
≈ Veiling Waterfalls
Tétradique +90° +180° +270°
- FDDBCD
Glazed Sugar
- D8EACD
≈ White Green
- C6EAF8
≈ Frosty Day
- EEDCF8
≈ Lavender Savour
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.29:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.19:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.19:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--glazed-sugar: #fddbcd;
--glazed-sugar-rgb: 253 219 205;
--glazed-sugar-oklch: oklch(0.916 0.042 43.7);
}
.element {
color: var(--glazed-sugar);
background-color: hsl(17 92% 90%);
border-color: oklch(0.916 0.042 43.7);
}Tailwind CSS v4
@theme {
--color-glazed-sugar: #fddbcd;
--color-glazed-sugar-50: #fff2eb;
--color-glazed-sugar-100: #f5e4dc;
--color-glazed-sugar-200: #e5cfc5;
--color-glazed-sugar-300: #cbb1a6;
--color-glazed-sugar-400: #b5978b;
--color-glazed-sugar-500: #9f7e70;
--color-glazed-sugar-600: #876a5f;
--color-glazed-sugar-700: #6c554c;
--color-glazed-sugar-800: #503e37;
--color-glazed-sugar-900: #372a26;
--color-glazed-sugar-950: #221814;
}SCSS
$glazed-sugar: #fddbcd;
$glazed-sugar-rgb: 253, 219, 205;
$glazed-sugar-light: mix(#fff, $glazed-sugar, 20%);
$glazed-sugar-dark: mix(#000, $glazed-sugar, 20%);
.element {
color: $glazed-sugar;
box-shadow: 0 0 0 2px rgba($glazed-sugar, 0.35);
}