Color con nombre más cercano · #EBB2B5
#EBB2B5
Color con nombre más cercano: Deeply Embarrassed
#EBB2B5 (rgb(235 178 181), hsl(357 59% 81%), oklch(0.817 0.067 15.1)) 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.
#EBB2B5
oklch(0.817 0.067 15.1)
Conversiones de color
- HEX
- #ebb2b5
- RGB
- rgb(235 178 181)
- HSL
- hsl(357 59% 81%)
- HWB
- hwb(357 70% 8%)
- OKLCH
- oklch(0.817 0.067 15.1)
- OKLab
- oklab(0.817 0.064 0.017)
- CIE Lab
- lab(77.99 21.68 6.97)
- LCH
- lch(77.99 22.77 17.8)
- CMYK
- cmyk(0% 24% 23% 8%)
Tintes · Sombras · Tonos
Tintes
- EDBABC
- F0C1C3
- F2C9CB
- F4D1D2
- F6D8D9
- F8E0E1
- FAE8E8
- FCEFF0
- FDF7F7
Sombras
- CC9A9D
- AE8386
- 916D6F
- 755759
- 5B4344
- 412F30
- 291D1D
- 130C0C
- 030102
Tonos
- E0ADB0
- D5A8AA
- CAA3A5
- C09E9F
- B5999A
- AA9495
- A08F90
- 958A8A
- 8B8585
Armonías de color
Complementario +180°
- EBB2B5
Deeply Embarrassed
- 8FD1D0
≈ Bora Bora Shore
Análogo -30° +30°
- EBB2B5
Deeply Embarrassed
- E4B2CD
≈ Muddy Mauve
- E9B6A0
≈ Pink Abalone
Triádico +120° +240°
- EBB2B5
Deeply Embarrassed
- B1CDA2
≈ Desert Cactus
- A6C6EE
≈ Sky High
Complementario dividido +150° +210°
- EBB2B5
Deeply Embarrassed
- 9BD1B8
≈ Menthol Green
- 94CDE4
≈ Medical Mask
Tetrádico +90° +180° +270°
- EBB2B5
Deeply Embarrassed
- C9C694
≈ Yerba Mate
- 8FD1D0
≈ Bora Bora Shore
- BEBEED
≈ Vodka
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.56:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--deeply-embarrassed: #ebb2b5;
--deeply-embarrassed-rgb: 235 178 181;
--deeply-embarrassed-oklch: oklch(0.817 0.067 15.1);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(357 59% 81%);
border-color: oklch(0.817 0.067 15.1);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #ebb2b5;
--color-deeply-embarrassed-50: #ffeeee;
--color-deeply-embarrassed-100: #fee0e0;
--color-deeply-embarrassed-200: #f0c9ca;
--color-deeply-embarrassed-300: #d8aaab;
--color-deeply-embarrassed-400: #c38f92;
--color-deeply-embarrassed-500: #ae7478;
--color-deeply-embarrassed-600: #936265;
--color-deeply-embarrassed-700: #764f51;
--color-deeply-embarrassed-800: #57393c;
--color-deeply-embarrassed-900: #3d2729;
--color-deeply-embarrassed-950: #261517;
}SCSS
$deeply-embarrassed: #ebb2b5;
$deeply-embarrassed-rgb: 235, 178, 181;
$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);
}