Couleur nommée · #E6D8D2
Sentimental
Sentimental correspond à #E6D8D2 : rgb(230 216 210), hsl(18 29% 86%), oklch(0.892 0.018 44.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sentimental color name →
#E6D8D2
oklch(0.892 0.018 44.8)
Conversions de couleur
- HEX
- #e6d8d2
- RGB
- rgb(230 216 210)
- HSL
- hsl(18 29% 86%)
- HWB
- hwb(18 82% 10%)
- OKLCH
- oklch(0.892 0.018 44.8)
- OKLab
- oklab(0.892 0.012 0.012)
- CIE Lab
- lab(87.36 4.23 4.79)
- LCH
- lch(87.36 6.39 48.5)
- CMYK
- cmyk(0% 6% 9% 10%)
Teintes · Ombres · Tons
Teintes
- E9DCD6
- EBE0DB
- EEE4DF
- F0E7E4
- F3EBE8
- F5EFED
- F8F3F1
- FAF7F6
- FDFBFA
Ombres
- C8BCB6
- ABA09B
- 8E8581
- 736B68
- 595350
- 403B39
- 282524
- 131110
- 030202
Tons
- DBCFC9
- D1C6C1
- C6BDB9
- BCB4B0
- B2ABA8
- A8A2A0
- 9D9A98
- 949190
- 8A8888
Harmonies de couleurs
Complémentaire +180°
- E6D8D2
Sentimental
- D0DEE4
≈ Breakwater
Analogue -30° +30°
- E6D8D2
Sentimental
- E7D7D8
≈ Diminished Red
- E2DACF
≈ Light Sandy Day
Triadique +120° +240°
- E6D8D2
Sentimental
- D1DFD8
≈ Light Spearmint Ice
- DADAE7
≈ Eyeshadow
Complémentaire divisée +150° +210°
- E6D8D2
Sentimental
- CFDFDF
≈ Liquid Hydrogen
- D4DCE7
≈ Nordic Breeze
Tétradique +90° +180° +270°
- E6D8D2
Sentimental
- D6DED3
≈ Crushed Limestone
- D0DEE4
≈ Breakwater
- E0D8E4
≈ Inspired Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.38:1 · APCA Lc 19
Ag
AAASur noir
WCAG 15.11:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--sentimental: #e6d8d2;
--sentimental-rgb: 230 216 210;
--sentimental-oklch: oklch(0.892 0.018 44.8);
}
.element {
color: var(--sentimental);
background-color: hsl(18 29% 86%);
border-color: oklch(0.892 0.018 44.8);
}Tailwind CSS v4
@theme {
--color-sentimental: #e6d8d2;
--color-sentimental-50: #faf4f1;
--color-sentimental-100: #ede6e3;
--color-sentimental-200: #dbd2ce;
--color-sentimental-300: #bfb5b0;
--color-sentimental-400: #a89b96;
--color-sentimental-500: #91837d;
--color-sentimental-600: #7a6f6a;
--color-sentimental-700: #625954;
--color-sentimental-800: #48413e;
--color-sentimental-900: #322c2a;
--color-sentimental-950: #1e1a18;
}SCSS
$sentimental: #e6d8d2;
$sentimental-rgb: 230, 216, 210;
$sentimental-light: mix(#fff, $sentimental, 20%);
$sentimental-dark: mix(#000, $sentimental, 20%);
.element {
color: $sentimental;
box-shadow: 0 0 0 2px rgba($sentimental, 0.35);
}