Color con nombre más cercano · #E8ADB4
#E8ADB4
Color con nombre más cercano: Deeply Embarrassed
#E8ADB4 (rgb(232 173 180), hsl(353 56% 79%), oklch(0.804 0.07 10.8)) se parece más al color con nombre Deeply Embarrassed. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E8ADB4
oklch(0.804 0.07 10.8)
Conversiones de color
- HEX
- #e8adb4
- RGB
- rgb(232 173 180)
- HSL
- hsl(353 56% 79%)
- HWB
- hwb(353 68% 9%)
- OKLCH
- oklch(0.804 0.07 10.8)
- OKLab
- oklab(0.804 0.068 0.013)
- CIE Lab
- lab(76.48 22.97 5.31)
- LCH
- lch(76.48 23.58 13)
- CMYK
- cmyk(0% 25% 22% 9%)
Tintes · Sombras · Tonos
Tintes
- EBB5BB
- EDBDC3
- F0C5CA
- F2CED1
- F5D6D9
- F7DEE0
- F9E6E8
- FBEEF0
- FDF7F7
Sombras
- CA969C
- AC7F85
- 906A6E
- 745558
- 594144
- 402D30
- 291B1D
- 130B0C
- 030102
Tonos
- DDA9AF
- D3A4A9
- C8A0A4
- BE9B9F
- B4979A
- A99294
- 9F8E8F
- 95898A
- 8A8585
Armonías de color
Complementario +180°
- E8ADB4
Deeply Embarrassed
- 89CECA
≈ Surf Wash
Análogo -30° +30°
- E8ADB4
Deeply Embarrassed
- DFAECD
≈ Dreamy Pink
- E7B19D
≈ Pretty in Peach
Triádico +120° +240°
- E8ADB4
Deeply Embarrassed
- B0C99A
≈ Desert Cactus
- 9EC3EB
≈ Sail to the Sea
Complementario dividido +150° +210°
- E8ADB4
Deeply Embarrassed
- 97CDB0
≈ Mint Ice Cream
- 8CCADF
≈ Baby Motive
Tetrádico +90° +180° +270°
- E8ADB4
Deeply Embarrassed
- C8C18D
≈ Lime Peel
- 89CECA
≈ Surf Wash
- B6BBEC
≈ Larkspur Bud
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.06:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--deeply-embarrassed: #e8adb4;
--deeply-embarrassed-rgb: 232 173 180;
--deeply-embarrassed-oklch: oklch(0.804 0.07 10.8);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(353 56% 79%);
border-color: oklch(0.804 0.07 10.8);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #e8adb4;
--color-deeply-embarrassed-50: #ffeeef;
--color-deeply-embarrassed-100: #fedfe1;
--color-deeply-embarrassed-200: #f1c9cc;
--color-deeply-embarrassed-300: #d9a9ad;
--color-deeply-embarrassed-400: #c48e94;
--color-deeply-embarrassed-500: #af737b;
--color-deeply-embarrassed-600: #946168;
--color-deeply-embarrassed-700: #774e53;
--color-deeply-embarrassed-800: #58383d;
--color-deeply-embarrassed-900: #3d262a;
--color-deeply-embarrassed-950: #271518;
}SCSS
$deeply-embarrassed: #e8adb4;
$deeply-embarrassed-rgb: 232, 173, 180;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}