Couleur nommée · #DFD2BF
Maison Blanche
Maison Blanche correspond à #DFD2BF : rgb(223 210 191), hsl(36 33% 81%), oklch(0.869 0.029 77.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Maison Blanche color name →
#DFD2BF
oklch(0.869 0.029 77.5)
Conversions de couleur
- HEX
- #dfd2bf
- RGB
- rgb(223 210 191)
- HSL
- hsl(36 33% 81%)
- HWB
- hwb(36 75% 13%)
- OKLCH
- oklch(0.869 0.029 77.5)
- OKLab
- oklab(0.869 0.006 0.029)
- CIE Lab
- lab(84.88 2.33 11.15)
- LCH
- lch(84.88 11.39 78.2)
- CMYK
- cmyk(0% 6% 14% 13%)
Teintes · Ombres · Tons
Teintes
- E2D6C5
- E5DBCC
- E9DFD2
- ECE4D8
- EFE8DF
- F2EDE5
- F5F1EC
- F9F6F2
- FCFAF9
Ombres
- C2B6A6
- A59B8D
- 8A8175
- 6F685E
- 565048
- 3D3933
- 27241F
- 12100D
- 020202
Tons
- D5C9B9
- CBC1B2
- C2B9AC
- B8B0A5
- AEA89F
- A5A099
- 9C9893
- 92908C
- 898886
Harmonies de couleurs
Complémentaire +180°
- DFD2BF
Maison Blanche
- C8D5E8
≈ Light Penna
Analogue -30° +30°
- DFD2BF
Maison Blanche
- E5CFC4
≈ Sheer Blouse
- D5D6C0
≈ Medlar
Triadique +120° +240°
- DFD2BF
Maison Blanche
- BFDADB
≈ Misty Aqua
- DCCEE1
≈ Violet Mist
Complémentaire divisée +150° +210°
- DFD2BF
Maison Blanche
- C1D8E3
≈ Distant Shore
- D2D1E7
≈ Artistic Violet
Tétradique +90° +180° +270°
- DFD2BF
Maison Blanche
- C2DBD0
≈ Fuchsite
- C8D5E8
≈ Light Penna
- E4CDD7
≈ Barely Berry
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.48:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.10:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--maison-blanche: #dfd2bf;
--maison-blanche-rgb: 223 210 191;
--maison-blanche-oklch: oklch(0.869 0.029 77.5);
}
.element {
color: var(--maison-blanche);
background-color: hsl(36 33% 81%);
border-color: oklch(0.869 0.029 77.5);
}Tailwind CSS v4
@theme {
--color-maison-blanche: #dfd2bf;
--color-maison-blanche-50: #faf4ec;
--color-maison-blanche-100: #ede7dd;
--color-maison-blanche-200: #dbd3c7;
--color-maison-blanche-300: #c0b6a7;
--color-maison-blanche-400: #a89d8b;
--color-maison-blanche-500: #918471;
--color-maison-blanche-600: #7b7060;
--color-maison-blanche-700: #62594c;
--color-maison-blanche-800: #484137;
--color-maison-blanche-900: #322d26;
--color-maison-blanche-950: #1e1a14;
}SCSS
$maison-blanche: #dfd2bf;
$maison-blanche-rgb: 223, 210, 191;
$maison-blanche-light: mix(#fff, $maison-blanche, 20%);
$maison-blanche-dark: mix(#000, $maison-blanche, 20%);
.element {
color: $maison-blanche;
box-shadow: 0 0 0 2px rgba($maison-blanche, 0.35);
}