Named color · #E3D5B8
Gentle Touch
Gentle Touch is #E3D5B8: rgb(227 213 184), hsl(40 43% 81%), oklch(0.877 0.042 85.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Gentle Touch color name →
#E3D5B8
oklch(0.877 0.042 85.3)
Color conversions
- HEX
- #e3d5b8
- RGB
- rgb(227 213 184)
- HSL
- hsl(40 43% 81%)
- HWB
- hwb(40 72% 11%)
- OKLCH
- oklch(0.877 0.042 85.3)
- OKLab
- oklab(0.877 0.003 0.042)
- CIE Lab
- lab(85.85 1.57 16.23)
- LCH
- lch(85.85 16.31 84.5)
- CMYK
- cmyk(0% 6% 19% 11%)
Tints · Shades · Tones
Tints
- E6D9BF
- E9DDC6
- EBE2CD
- EEE6D4
- F1EADB
- F4EEE2
- F7F2EA
- F9F7F1
- FCFBF8
Shades
- C5B9A0
- A89E88
- 8C8371
- 716A5B
- 575145
- 3F3A31
- 27241E
- 12100C
- 030202
Tones
- D9CCB2
- CEC3AD
- C4BBA7
- BAB2A1
- B0AA9C
- A6A196
- 9D9991
- 93908B
- 898886
Color harmonies
Complementary +180°
- E3D5B8
Gentle Touch
- C9D7F3
≈ Fly a Kite
Analogous -30° +30°
- E3D5B8
Gentle Touch
- EDD0BD
≈ Cream of Mushroom
- D5DABB
≈ Pine Mist
Triadic +120° +240°
- E3D5B8
Gentle Touch
- B8DFE4
≈ Basin Blue
- E5CEE6
≈ Footie Pyjamas
Split-complementary +150° +210°
- E3D5B8
Gentle Touch
- BDDCEE
≈ Twin Blue
- D8D2F0
≈ Air Castle
Tetradic +90° +180° +270°
- E3D5B8
Gentle Touch
- BBE0D5
≈ Short Phase
- C9D7F3
≈ Fly a Kite
- EECCD8
≈ Donquixote Doflamingo
Contrast & accessibility
Ag
FailOn white
WCAG 1.45:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.47:1 · APCA Lc 82
Best text color: #000000
WCAG 14.47:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--gentle-touch: #e3d5b8;
--gentle-touch-rgb: 227 213 184;
--gentle-touch-oklch: oklch(0.877 0.042 85.3);
}
.element {
color: var(--gentle-touch);
background-color: hsl(40 43% 81%);
border-color: oklch(0.877 0.042 85.3);
}Tailwind CSS v4
@theme {
--color-gentle-touch: #e3d5b8;
--color-gentle-touch-50: #faf5e8;
--color-gentle-touch-100: #eee7d9;
--color-gentle-touch-200: #dcd4c1;
--color-gentle-touch-300: #c0b7a0;
--color-gentle-touch-400: #aa9d83;
--color-gentle-touch-500: #938567;
--color-gentle-touch-600: #7c7057;
--color-gentle-touch-700: #635a46;
--color-gentle-touch-800: #494132;
--color-gentle-touch-900: #332d22;
--color-gentle-touch-950: #1f1a11;
}SCSS
$gentle-touch: #e3d5b8;
$gentle-touch-rgb: 227, 213, 184;
$gentle-touch-light: mix(#fff, $gentle-touch, 20%);
$gentle-touch-dark: mix(#000, $gentle-touch, 20%);
.element {
color: $gentle-touch;
box-shadow: 0 0 0 2px rgba($gentle-touch, 0.35);
}