Named color · #EEC5CE
Soft Satin
Soft Satin is #EEC5CE: rgb(238 197 206), hsl(347 55% 85%), oklch(0.861 0.048 3.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Soft Satin color name →
#EEC5CE
oklch(0.861 0.048 3.4)
Color conversions
- HEX
- #eec5ce
- RGB
- rgb(238 197 206)
- HSL
- hsl(347 55% 85%)
- HWB
- hwb(347 77% 7%)
- OKLCH
- oklch(0.861 0.048 3.4)
- OKLab
- oklab(0.861 0.048 0.003)
- CIE Lab
- lab(83.33 16.05 1.25)
- LCH
- lch(83.33 16.1 4.4)
- CMYK
- cmyk(0% 17% 13% 7%)
Tints · Shades · Tones
Tints
- F0CBD3
- F2D1D8
- F4D6DC
- F5DCE1
- F7E2E6
- F9E8EB
- FAEDF0
- FCF3F5
- FEF9FA
Shades
- CFABB3
- B19298
- 93797F
- 776166
- 5C4B4E
- 423538
- 2A2123
- 140E0F
- 030202
Tones
- E3BEC6
- D7B7BE
- CCB0B6
- C1A9AE
- B6A2A6
- AB9B9E
- A09497
- 958D8F
- 8B8787
Color harmonies
Complementary +180°
- EEC5CE
Soft Satin
- AFDCD4
≈ Jaded Clouds
Analogous -30° +30°
- EEC5CE
Soft Satin
- E6C6DF
≈ Pink Pony
- EFC7BD
≈ Altered Pink
Triadic +120° +240°
- EEC5CE
Soft Satin
- CBD7B5
≈ Spice Garden
- B7D6EF
≈ Summer Birthday
Split-complementary +150° +210°
- EEC5CE
Soft Satin
- BADBC3
≈ Sprite Twist
- AEDAE4
≈ Srsly Blue
Tetradic +90° +180° +270°
- EEC5CE
Soft Satin
- DCD1AE
≈ Stardust
- AFDCD4
≈ Jaded Clouds
- C7D0F2
≈ Frozen Periwinkle
Contrast & accessibility
Ag
FailOn white
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.51:1 · APCA Lc 78
Best text color: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--soft-satin: #eec5ce;
--soft-satin-rgb: 238 197 206;
--soft-satin-oklch: oklch(0.861 0.048 3.4);
}
.element {
color: var(--soft-satin);
background-color: hsl(347 55% 85%);
border-color: oklch(0.861 0.048 3.4);
}Tailwind CSS v4
@theme {
--color-soft-satin: #eec5ce;
--color-soft-satin-50: #fff0f3;
--color-soft-satin-100: #f7e2e5;
--color-soft-satin-200: #e7ccd1;
--color-soft-satin-300: #ceaeb4;
--color-soft-satin-400: #b8939b;
--color-soft-satin-500: #a27983;
--color-soft-satin-600: #89676f;
--color-soft-satin-700: #6e5258;
--color-soft-satin-800: #513c41;
--color-soft-satin-900: #38292d;
--color-soft-satin-950: #23171a;
}SCSS
$soft-satin: #eec5ce;
$soft-satin-rgb: 238, 197, 206;
$soft-satin-light: mix(#fff, $soft-satin, 20%);
$soft-satin-dark: mix(#000, $soft-satin, 20%);
.element {
color: $soft-satin;
box-shadow: 0 0 0 2px rgba($soft-satin, 0.35);
}