Couleur nommée · #DCDDD8
Fleur de Sel
Fleur de Sel correspond à #DCDDD8 : rgb(220 221 216), hsl(72 7% 86%), oklch(0.895 0.007 115.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Fleur de Sel color name →
#DCDDD8
oklch(0.895 0.007 115.7)
Conversions de couleur
- HEX
- #dcddd8
- RGB
- rgb(220 221 216)
- HSL
- hsl(72 7% 86%)
- HWB
- hwb(72 85% 13%)
- OKLCH
- oklch(0.895 0.007 115.7)
- OKLab
- oklab(0.895 -0.003 0.006)
- CIE Lab
- lab(87.93 -1.02 2.34)
- LCH
- lch(87.93 2.55 113.5)
- CMYK
- cmyk(0% 0% 2% 13%)
Teintes · Ombres · Tons
Teintes
- DFE0DC
- E3E4E0
- E6E7E4
- EAEAE7
- EDEEEB
- F1F1EF
- F4F5F3
- F8F8F7
- FBFCFB
Ombres
- BFC0BC
- A3A4A0
- 888885
- 6E6E6B
- 545553
- 3C3D3B
- 262625
- 111111
- 020202
Tons
- D2D3CF
- C9CAC6
- BFC0BD
- B6B7B4
- ADADAB
- A4A4A2
- 9B9B9A
- 929291
- 898988
Harmonies de couleurs
Complémentaire +180°
- DCDDD8
Fleur de Sel
- DDDCE1
≈ Azure Hint
Analogue -30° +30°
- DCDDD8
Fleur de Sel
- DEDCD7
≈ Spectral
- DADEDA
≈ Nomadic Dream
Triadique +120° +240°
- DCDDD8
Fleur de Sel
- D8DDE0
≈ Wispy Skies
- E0DBDC
≈ Ghostwaver
Complémentaire divisée +150° +210°
- DCDDD8
Fleur de Sel
- DADCE1
≈ Snow Tiger
- DFDBDF
≈ White-Collar
Tétradique +90° +180° +270°
- DCDDD8
Fleur de Sel
- D8DEDF
≈ Echo Mist
- DDDCE1
≈ Azure Hint
- E1DBDA
≈ Ghostwaver
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.36:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.37:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--fleur-de-sel: #dcddd8;
--fleur-de-sel-rgb: 220 221 216;
--fleur-de-sel-oklch: oklch(0.895 0.007 115.7);
}
.element {
color: var(--fleur-de-sel);
background-color: hsl(72 7% 86%);
border-color: oklch(0.895 0.007 115.7);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel: #dcddd8;
--color-fleur-de-sel-50: #f5f5f3;
--color-fleur-de-sel-100: #e7e8e6;
--color-fleur-de-sel-200: #d4d5d1;
--color-fleur-de-sel-300: #b7b8b4;
--color-fleur-de-sel-400: #9e9f9a;
--color-fleur-de-sel-500: #868782;
--color-fleur-de-sel-600: #71726e;
--color-fleur-de-sel-700: #5a5b58;
--color-fleur-de-sel-800: #424340;
--color-fleur-de-sel-900: #2e2e2c;
--color-fleur-de-sel-950: #1a1b19;
}SCSS
$fleur-de-sel: #dcddd8;
$fleur-de-sel-rgb: 220, 221, 216;
$fleur-de-sel-light: mix(#fff, $fleur-de-sel, 20%);
$fleur-de-sel-dark: mix(#000, $fleur-de-sel, 20%);
.element {
color: $fleur-de-sel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel, 0.35);
}