Color con nombre más cercano · #D0868F
#D0868F
Color con nombre más cercano: I Love You Pink
#D0868F (rgb(208 134 143), hsl(353 44% 67%), oklch(0.698 0.092 11.8)) se parece más al color con nombre I Love You Pink. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D0868F
oklch(0.698 0.092 11.8)
Conversiones de color
- HEX
- #d0868f
- RGB
- rgb(208 134 143)
- HSL
- hsl(353 44% 67%)
- HWB
- hwb(353 53% 18%)
- OKLCH
- oklch(0.698 0.092 11.8)
- OKLab
- oklab(0.698 0.09 0.019)
- CIE Lab
- lab(63.99 30.02 7.63)
- LCH
- lch(63.99 30.97 14.3)
- CMYK
- cmyk(0% 36% 31% 18%)
Tintes · Sombras · Tonos
Tintes
- D6929A
- DB9EA4
- E0AAAF
- E5B6BA
- EAC2C6
- EECED1
- F3DADC
- F7E6E8
- FBF3F3
Sombras
- B5747C
- 9A6269
- 805157
- 674045
- 4F3034
- 392124
- 231315
- 100607
- 020101
Tonos
- C8868E
- C0858C
- B9858B
- B18489
- A98488
- A18386
- 998385
- 918283
- 888182
Armonías de color
Complementario +180°
- D0868F
I Love You Pink
- 4EB0AC
≈ Verdigris
Análogo -30° +30°
- D0868F
I Love You Pink
- C687AE
≈ Moonlight Mauve
- CF8B71
≈ Fireplace Glow
Triádico +120° +240°
- D0868F
I Love You Pink
- 89AA6E
≈ Peeled Asparagus
- 73A2D5
≈ Kindred
Complementario dividido +150° +210°
- D0868F
I Love You Pink
- 66B08C
≈ Lily Pads
- 56ABC7
≈ Frozen Wave
Tetrádico +90° +180° +270°
- D0868F
I Love You Pink
- A9A05B
≈ Mediaeval Sulphur
- 4EB0AC
≈ Verdigris
- 9497D6
≈ Portage
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--i-love-you-pink: #d0868f;
--i-love-you-pink-rgb: 208 134 143;
--i-love-you-pink-oklch: oklch(0.698 0.092 11.8);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(353 44% 67%);
border-color: oklch(0.698 0.092 11.8);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #d0868f;
--color-i-love-you-pink-50: #ffebed;
--color-i-love-you-pink-100: #ffdcdf;
--color-i-love-you-pink-200: #f9c5c9;
--color-i-love-you-pink-300: #e2a5a9;
--color-i-love-you-pink-400: #ce8890;
--color-i-love-you-pink-500: #ba6c76;
--color-i-love-you-pink-600: #9d5b64;
--color-i-love-you-pink-700: #7e4950;
--color-i-love-you-pink-800: #5e343b;
--color-i-love-you-pink-900: #422429;
--color-i-love-you-pink-950: #2a1216;
}SCSS
$i-love-you-pink: #d0868f;
$i-love-you-pink-rgb: 208, 134, 143;
$i-love-you-pink-light: mix(#fff, $i-love-you-pink, 20%);
$i-love-you-pink-dark: mix(#000, $i-love-you-pink, 20%);
.element {
color: $i-love-you-pink;
box-shadow: 0 0 0 2px rgba($i-love-you-pink, 0.35);
}