Color con nombre · #E2BABF
Puppy Love
Puppy Love es #E2BABF: rgb(226 186 191), hsl(353 41% 81%), oklch(0.825 0.046 9.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Puppy Love color name →
#E2BABF
oklch(0.825 0.046 9.7)
Conversiones de color
- HEX
- #e2babf
- RGB
- rgb(226 186 191)
- HSL
- hsl(353 41% 81%)
- HWB
- hwb(353 73% 11%)
- OKLCH
- oklch(0.825 0.046 9.7)
- OKLab
- oklab(0.825 0.046 0.008)
- CIE Lab
- lab(79.2 15.39 3.16)
- LCH
- lch(79.2 15.71 11.6)
- CMYK
- cmyk(0% 18% 15% 11%)
Tintes · Sombras · Tonos
Tintes
- E5C1C5
- E8C8CC
- EBCED2
- EED5D8
- F1DCDF
- F4E3E5
- F7EAEB
- FAF1F2
- FCF8F8
Sombras
- C4A1A6
- A8898D
- 8C7275
- 715C5E
- 574648
- 3E3233
- 271E1F
- 120D0D
- 030202
Tonos
- D8B4B9
- CEAEB2
- C4A8AC
- BAA2A5
- B09D9F
- A69799
- 9D9192
- 938B8C
- 8A8686
Armonías de color
Complementario +180°
- E2BABF
Puppy Love
- A4D0CC
≈ Cold Turquoise
Análogo -30° +30°
- E2BABF
Puppy Love
- DBBBD0
≈ Lavender Veil
- E2BCB0
≈ Peach Powder
Triádico +120° +240°
- E2BABF
Puppy Love
- BCCCAD
≈ Pale Leaf
- B0C9E3
≈ Featherbed
Complementario dividido +150° +210°
- E2BABF
Puppy Love
- ADD0BB
≈ Misty Jade
- A5CEDB
≈ Alpine Morning Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.00:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.00:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--puppy-love: #e2babf;
--puppy-love-rgb: 226 186 191;
--puppy-love-oklch: oklch(0.825 0.046 9.7);
}
.element {
color: var(--puppy-love);
background-color: hsl(353 41% 81%);
border-color: oklch(0.825 0.046 9.7);
}Tailwind CSS v4
@theme {
--color-puppy-love: #e2babf;
--color-puppy-love-50: #fff0f2;
--color-puppy-love-100: #f7e2e4;
--color-puppy-love-200: #e7cdcf;
--color-puppy-love-300: #ceaeb1;
--color-puppy-love-400: #b89498;
--color-puppy-love-500: #a27a7f;
--color-puppy-love-600: #89676c;
--color-puppy-love-700: #6e5256;
--color-puppy-love-800: #513c3f;
--color-puppy-love-900: #38292c;
--color-puppy-love-950: #231719;
}SCSS
$puppy-love: #e2babf;
$puppy-love-rgb: 226, 186, 191;
$puppy-love-light: mix(#fff, $puppy-love, 20%);
$puppy-love-dark: mix(#000, $puppy-love, 20%);
.element {
color: $puppy-love;
box-shadow: 0 0 0 2px rgba($puppy-love, 0.35);
}