Named color · #E2C9CE
Perfume Cloud
Perfume Cloud is #E2C9CE: rgb(226 201 206), hsl(348 30% 84%), oklch(0.858 0.029 4.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Perfume Cloud color name →
#E2C9CE
oklch(0.858 0.029 4.1)
Color conversions
- HEX
- #e2c9ce
- RGB
- rgb(226 201 206)
- HSL
- hsl(348 30% 84%)
- HWB
- hwb(348 79% 11%)
- OKLCH
- oklch(0.858 0.029 4.1)
- OKLab
- oklab(0.858 0.029 0.002)
- CIE Lab
- lab(83.2 9.68 0.88)
- LCH
- lch(83.2 9.72 5.2)
- CMYK
- cmyk(0% 11% 9% 11%)
Tints · Shades · Tones
Tints
- E5CED3
- E8D4D8
- EBD9DC
- EEDEE1
- F1E4E6
- F4E9EB
- F6EFF0
- F9F4F5
- FCFAFA
Shades
- C4AEB3
- A89598
- 8C7C7F
- 716466
- 574C4E
- 3E3638
- 272223
- 120F0F
- 030202
Tones
- D8C1C6
- CEBABE
- C4B3B6
- BAABAE
- B0A4A6
- A69D9E
- 9C9597
- 938E8F
- 898787
Color harmonies
Complementary +180°
- E2C9CE
Perfume Cloud
- BDD7D2
≈ High Point
Analogous -30° +30°
- E2C9CE
Perfume Cloud
- DDCAD8
≈ Creamy Mauve
- E3CAC4
≈ Rose Beige
Triadic +120° +240°
- E2C9CE
Perfume Cloud
- CCD4C0
≈ Carrot Flower
- C1D3E2
≈ Sea Drive
Split-complementary +150° +210°
- E2C9CE
Perfume Cloud
- C3D6C8
≈ New Moss
- BCD6DC
≈ Light Sky Chase
Tetradic +90° +180° +270°
- E2C9CE
Perfume Cloud
- D6D0BC
≈ Pebblebrook
- BDD7D2
≈ High Point
- CACFE4
≈ Casa del Mar
Contrast & accessibility
Ag
FailOn white
WCAG 1.55:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.47:1 · APCA Lc 77
Best text color: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--perfume-cloud: #e2c9ce;
--perfume-cloud-rgb: 226 201 206;
--perfume-cloud-oklch: oklch(0.858 0.029 4.1);
}
.element {
color: var(--perfume-cloud);
background-color: hsl(348 30% 84%);
border-color: oklch(0.858 0.029 4.1);
}Tailwind CSS v4
@theme {
--color-perfume-cloud: #e2c9ce;
--color-perfume-cloud-50: #fdf2f4;
--color-perfume-cloud-100: #f1e4e6;
--color-perfume-cloud-200: #e0cfd2;
--color-perfume-cloud-300: #c5b2b5;
--color-perfume-cloud-400: #ae989c;
--color-perfume-cloud-500: #987f84;
--color-perfume-cloud-600: #806b70;
--color-perfume-cloud-700: #675659;
--color-perfume-cloud-800: #4b3e41;
--color-perfume-cloud-900: #342b2d;
--color-perfume-cloud-950: #20181a;
}SCSS
$perfume-cloud: #e2c9ce;
$perfume-cloud-rgb: 226, 201, 206;
$perfume-cloud-light: mix(#fff, $perfume-cloud, 20%);
$perfume-cloud-dark: mix(#000, $perfume-cloud, 20%);
.element {
color: $perfume-cloud;
box-shadow: 0 0 0 2px rgba($perfume-cloud, 0.35);
}