Color con nombre más cercano · #EAAEB3
#EAAEB3
Color con nombre más cercano: Deeply Embarrassed
#EAAEB3 (rgb(234 174 179), hsl(355 59% 80%), oklch(0.808 0.071 13.2)) 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.
#EAAEB3
oklch(0.808 0.071 13.2)
Conversiones de color
- HEX
- #eaaeb3
- RGB
- rgb(234 174 179)
- HSL
- hsl(355 59% 80%)
- HWB
- hwb(355 68% 8%)
- OKLCH
- oklch(0.808 0.071 13.2)
- OKLab
- oklab(0.808 0.069 0.016)
- CIE Lab
- lab(76.91 23.11 6.49)
- LCH
- lch(76.91 24.01 15.7)
- CMYK
- cmyk(0% 26% 24% 8%)
Tintes · Sombras · Tonos
Tintes
- EDB6BA
- EFBEC2
- F1C6C9
- F4CED1
- F6D6D8
- F8DEE0
- FAE7E8
- FCEFEF
- FDF7F7
Sombras
- CB979B
- AE8084
- 916A6E
- 755558
- 5A4143
- 412E2F
- 291C1D
- 130B0C
- 030101
Tonos
- DFA9AE
- D4A5A9
- CAA0A3
- BF9C9E
- B59799
- AA9294
- 9F8E8F
- 95898A
- 8A8585
Armonías de color
Complementario +180°
- EAAEB3
Deeply Embarrassed
- 89CFCD
≈ Aaquatic Wonderland
Análogo -30° +30°
- EAAEB3
Deeply Embarrassed
- E2AFCC
≈ Roses in the Snow
- E8B29C
≈ Pretty in Peach
Triádico +120° +240°
- EAAEB3
Deeply Embarrassed
- AECB9C
≈ Desert Cactus
- A0C3ED
≈ Sky High
Complementario dividido +150° +210°
- EAAEB3
Deeply Embarrassed
- 96CFB3
≈ Mint Ice Cream
- 8DCBE2
≈ Baby Motive
Tetrádico +90° +180° +270°
- EAAEB3
Deeply Embarrassed
- C8C38E
≈ Yerba Mate
- 89CFCD
≈ Aaquatic Wonderland
- B9BBED
≈ Larkspur Bud
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.20:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--deeply-embarrassed: #eaaeb3;
--deeply-embarrassed-rgb: 234 174 179;
--deeply-embarrassed-oklch: oklch(0.808 0.071 13.2);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(355 59% 80%);
border-color: oklch(0.808 0.071 13.2);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #eaaeb3;
--color-deeply-embarrassed-50: #ffedee;
--color-deeply-embarrassed-100: #ffdfe0;
--color-deeply-embarrassed-200: #f1c9ca;
--color-deeply-embarrassed-300: #d9a9ac;
--color-deeply-embarrassed-400: #c48e92;
--color-deeply-embarrassed-500: #b07379;
--color-deeply-embarrassed-600: #956166;
--color-deeply-embarrassed-700: #774e52;
--color-deeply-embarrassed-800: #58383c;
--color-deeply-embarrassed-900: #3e2629;
--color-deeply-embarrassed-950: #271517;
}SCSS
$deeply-embarrassed: #eaaeb3;
$deeply-embarrassed-rgb: 234, 174, 179;
$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);
}