Color con nombre más cercano · #EADCEA
#EADCEA
Color con nombre más cercano: Pink Champagne
#EADCEA (rgb(234 220 234), hsl(300 25% 89%), oklch(0.91 0.024 325.8)) se parece más al color con nombre Pink Champagne. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EADCEA
oklch(0.91 0.024 325.8)
Conversiones de color
- HEX
- #eadcea
- RGB
- rgb(234 220 234)
- HSL
- hsl(300 25% 89%)
- HWB
- hwb(300 86% 8%)
- OKLCH
- oklch(0.91 0.024 325.8)
- OKLab
- oklab(0.91 0.02 -0.014)
- CIE Lab
- lab(89.21 6.79 -5.06)
- LCH
- lch(89.21 8.46 323.3)
- CMYK
- cmyk(0% 6% 0% 8%)
Tintes · Sombras · Tonos
Tintes
- ECDFEC
- EEE3EE
- F0E6F0
- F2EAF2
- F5EDF4
- F7F1F7
- F9F4F9
- FBF8FB
- FDFBFD
Sombras
- CBBFCB
- AEA3AE
- 918891
- 756E75
- 5A545A
- 413C41
- 292629
- 131113
- 030203
Tonos
- DFD2DF
- D4C9D4
- C9BFC9
- BEB6BE
- B4ADB4
- A9A4A9
- 9F9B9F
- 949294
- 8A898A
Armonías de color
Complementario +180°
- EADCEA
Pink Champagne
- D8E6D8
≈ Whispering Frost
Análogo -30° +30°
- EADCEA
Pink Champagne
- E2DEF0
≈ Lingering Lilac
- EFDBE2
≈ Pink Posies
Triádico +120° +240°
- EADCEA
Pink Champagne
- E8E0D0
≈ Sedona
- D0E6E9
≈ Blue Phlox
Complementario dividido +150° +210°
- EADCEA
Pink Champagne
- E0E3D2
≈ Pale Green Tea
- D2E7E0
≈ Aqua Glass
Tetrádico +90° +180° +270°
- EADCEA
Pink Champagne
- EEDED2
≈ Nearly Peach
- D8E6D8
≈ Whispering Frost
- D3E4EF
≈ Mystic Harbour
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.92:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-champagne: #eadcea;
--pink-champagne-rgb: 234 220 234;
--pink-champagne-oklch: oklch(0.91 0.024 325.8);
}
.element {
color: var(--pink-champagne);
background-color: hsl(300 25% 89%);
border-color: oklch(0.91 0.024 325.8);
}Tailwind CSS v4
@theme {
--color-pink-champagne: #eadcea;
--color-pink-champagne-50: #f9f3f9;
--color-pink-champagne-100: #ece5ec;
--color-pink-champagne-200: #dad1d9;
--color-pink-champagne-300: #beb3be;
--color-pink-champagne-400: #a69aa6;
--color-pink-champagne-500: #8f818f;
--color-pink-champagne-600: #796d79;
--color-pink-champagne-700: #615761;
--color-pink-champagne-800: #474047;
--color-pink-champagne-900: #312c31;
--color-pink-champagne-950: #1d191d;
}SCSS
$pink-champagne: #eadcea;
$pink-champagne-rgb: 234, 220, 234;
$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);
}