Couleur nommée la plus proche · #E6DAEC
#E6DAEC
Couleur nommée la plus proche: Pink Champagne
#E6DAEC (rgb(230 218 236), hsl(280 32% 89%), oklch(0.903 0.027 314.7)) est la plus proche de la couleur nommée Pink Champagne. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E6DAEC
oklch(0.903 0.027 314.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E8DEEE
- EBE1F0
- EDE5F2
- F0E9F4
- F2ECF6
- F5F0F7
- F7F4F9
- FAF8FB
- FCFBFD
Ombres
- C8BDCD
- ABA2AF
- 8E8792
- 736C76
- 59545B
- 403C42
- 282529
- 131113
- 030203
Tons
- DBD1E1
- D1C7D5
- C6BECA
- BCB5BF
- B2ACB5
- A7A3AA
- 9D9A9F
- 949195
- 8A898A
Harmonies de couleurs
Complémentaire +180°
- E6DAEC
Pink Champagne
- D8E3D1
≈ Lime Cake
Analogue -30° +30°
- E6DAEC
Pink Champagne
- DCDDF1
≈ Chinese Silver
- EDD8E3
≈ Rosa Bonito
Triadique +120° +240°
- E6DAEC
Pink Champagne
- EADDCC
≈ Pale Gingersnap
- CBE5E4
≈ Wave Splash
Complémentaire divisée +150° +210°
- E6DAEC
Pink Champagne
- E1E0CC
≈ Vintage Beige
- CFE5DA
≈ Misty Glen
Tétradique +90° +180° +270°
- E6DAEC
Pink Champagne
- F0DAD1
≈ Blushing Bride
- D8E3D1
≈ Lime Cake
- CDE3ED
≈ Niagara Falls
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.34:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.60:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
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);
}