Named color · #E0D9CF
Taupe Tease
Taupe Tease is #E0D9CF: rgb(224 217 207), hsl(35 22% 85%), oklch(0.888 0.016 77.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Taupe Tease color name →
#E0D9CF
oklch(0.888 0.016 77.1)
Color conversions
- HEX
- #e0d9cf
- RGB
- rgb(224 217 207)
- HSL
- hsl(35 22% 85%)
- HWB
- hwb(35 81% 12%)
- OKLCH
- oklch(0.888 0.016 77.1)
- OKLab
- oklab(0.888 0.003 0.015)
- CIE Lab
- lab(87.05 1.2 5.84)
- LCH
- lch(87.05 5.96 78.4)
- CMYK
- cmyk(0% 3% 8% 12%)
Tints · Shades · Tones
Tints
- E3DDD4
- E6E1D8
- E9E4DD
- ECE8E2
- EFECE7
- F3F0EC
- F6F3F0
- F9F7F5
- FCFBFA
Shades
- C3BCB4
- A6A199
- 8A867F
- 706C67
- 56534F
- 3E3B38
- 272523
- 121110
- 020202
Tones
- D6D0C7
- CCC7BF
- C2BDB7
- B8B4AF
- AFABA7
- A5A39F
- 9C9A97
- 92918F
- 898988
Color harmonies
Complementary +180°
- E0D9CF
Taupe Tease
- D4DBE5
≈ Sueded Grey
Analogous -30° +30°
- E0D9CF
Taupe Tease
- E3D7D2
≈ Dust Bowl
- DBDBCF
≈ Icepick
Triadic +120° +240°
- E0D9CF
Taupe Tease
- CFDDDE
≈ Polar Soft Blue
- DED7E1
≈ Pastel Day
Split-complementary +150° +210°
- E0D9CF
Taupe Tease
- D0DCE2
≈ London Lights
- D9D9E4
≈ Misty Lavender
Tetradic +90° +180° +270°
- E0D9CF
Taupe Tease
- D1DED8
≈ Light Spearmint Ice
- D4DBE5
≈ Sueded Grey
- E2D6DC
≈ Secret Scent
Contrast & accessibility
Ag
FailOn white
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOn black
WCAG 14.99:1 · APCA Lc 84
Best text color: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--taupe-tease: #e0d9cf;
--taupe-tease-rgb: 224 217 207;
--taupe-tease-oklch: oklch(0.888 0.016 77.1);
}
.element {
color: var(--taupe-tease);
background-color: hsl(35 22% 85%);
border-color: oklch(0.888 0.016 77.1);
}Tailwind CSS v4
@theme {
--color-taupe-tease: #e0d9cf;
--color-taupe-tease-50: #f7f5f0;
--color-taupe-tease-100: #ebe7e2;
--color-taupe-tease-200: #d8d4cd;
--color-taupe-tease-300: #bcb7af;
--color-taupe-tease-400: #a49d94;
--color-taupe-tease-500: #8c857b;
--color-taupe-tease-600: #777168;
--color-taupe-tease-700: #5f5a53;
--color-taupe-tease-800: #46423d;
--color-taupe-tease-900: #302d2a;
--color-taupe-tease-950: #1c1a17;
}SCSS
$taupe-tease: #e0d9cf;
$taupe-tease-rgb: 224, 217, 207;
$taupe-tease-light: mix(#fff, $taupe-tease, 20%);
$taupe-tease-dark: mix(#000, $taupe-tease, 20%);
.element {
color: $taupe-tease;
box-shadow: 0 0 0 2px rgba($taupe-tease, 0.35);
}