Nearest named color · #E6DAEC
#E6DAEC
Nearest named color: Pink Champagne
#E6DAEC (rgb(230 218 236), hsl(280 32% 89%), oklch(0.903 0.027 314.7)) is closest to the named color Pink Champagne. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E6DAEC
oklch(0.903 0.027 314.7)
Color conversions
- HEX
- #e6daec
- RGB
- rgb(230 218 236)
- HSL
- hsl(280 32% 89%)
- HWB
- hwb(280 85% 7%)
- OKLCH
- oklch(0.903 0.027 314.7)
- OKLab
- oklab(0.903 0.019 -0.019)
- CIE Lab
- lab(88.42 6.65 -7.29)
- LCH
- lch(88.42 9.87 312.4)
- CMYK
- cmyk(3% 8% 0% 7%)
Tints · Shades · Tones
Tints
- E8DEEE
- EBE1F0
- EDE5F2
- F0E9F4
- F2ECF6
- F5F0F7
- F7F4F9
- FAF8FB
- FCFBFD
Shades
- C8BDCD
- ABA2AF
- 8E8792
- 736C76
- 59545B
- 403C42
- 282529
- 131113
- 030203
Tones
- DBD1E1
- D1C7D5
- C6BECA
- BCB5BF
- B2ACB5
- A7A3AA
- 9D9A9F
- 949195
- 8A898A
Color harmonies
Complementary +180°
- E6DAEC
Pink Champagne
- D8E3D1
≈ Lime Cake
Analogous -30° +30°
- E6DAEC
Pink Champagne
- DCDDF1
≈ Chinese Silver
- EDD8E3
≈ Rosa Bonito
Triadic +120° +240°
- E6DAEC
Pink Champagne
- EADDCC
≈ Pale Gingersnap
- CBE5E4
≈ Wave Splash
Split-complementary +150° +210°
- E6DAEC
Pink Champagne
- E1E0CC
≈ Vintage Beige
- CFE5DA
≈ Misty Glen
Tetradic +90° +180° +270°
- E6DAEC
Pink Champagne
- F0DAD1
≈ Blushing Bride
- D8E3D1
≈ Lime Cake
- CDE3ED
≈ Niagara Falls
Contrast & accessibility
Ag
FailOn white
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.60:1 · APCA Lc 87
Best text color: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--pink-champagne: #e6daec;
--pink-champagne-rgb: 230 218 236;
--pink-champagne-oklch: oklch(0.903 0.027 314.7);
}
.element {
color: var(--pink-champagne);
background-color: hsl(280 32% 89%);
border-color: oklch(0.903 0.027 314.7);
}Tailwind CSS v4
@theme {
--color-pink-champagne: #e6daec;
--color-pink-champagne-50: #f8f3fa;
--color-pink-champagne-100: #ece5ee;
--color-pink-champagne-200: #d9d1dc;
--color-pink-champagne-300: #bdb3c1;
--color-pink-champagne-400: #a59aaa;
--color-pink-champagne-500: #8d8193;
--color-pink-champagne-600: #776d7c;
--color-pink-champagne-700: #5f5764;
--color-pink-champagne-800: #464049;
--color-pink-champagne-900: #302c33;
--color-pink-champagne-950: #1c191f;
}SCSS
$pink-champagne: #e6daec;
$pink-champagne-rgb: 230, 218, 236;
$pink-champagne-light: mix(#fff, $pink-champagne, 20%);
$pink-champagne-dark: mix(#000, $pink-champagne, 20%);
.element {
color: $pink-champagne;
box-shadow: 0 0 0 2px rgba($pink-champagne, 0.35);
}