Colore con nome più vicino · #DB8094
#DB8094
Colore con nome più vicino: I Love You Pink
#DB8094 (rgb(219 128 148), hsl(347 56% 68%), oklch(0.703 0.114 6.3)) è più vicino al colore con nome I Love You Pink. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DB8094
oklch(0.703 0.114 6.3)
Conversioni di colore
- HEX
- #db8094
- RGB
- rgb(219 128 148)
- HSL
- hsl(347 56% 68%)
- HWB
- hwb(347 50% 14%)
- OKLCH
- oklch(0.703 0.114 6.3)
- OKLab
- oklab(0.703 0.113 0.012)
- CIE Lab
- lab(64.19 37.67 5.32)
- LCH
- lch(64.19 38.04 8)
- CMYK
- cmyk(0% 42% 32% 14%)
Tinte · Ombre · Toni
Tinte
- E08D9E
- E499A9
- E9A6B3
- EDB3BE
- F0BFC8
- F4CCD3
- F7D9DE
- FAE5E9
- FDF2F4
Ombre
- BE6E80
- A25D6D
- 874D5A
- 6D3D48
- 542E36
- 3C1F26
- 261216
- 110608
- 020101
Toni
- D28192
- C98190
- C1818E
- B8818C
- AF818A
- A68188
- 9D8186
- 938184
- 8A8082
Armonie di colore
Complementare +180°
- DB8094
I Love You Pink
- 2BB6AA
≈ Message Green
Analogo -30° +30°
- DB8094
I Love You Pink
- CC83BA
≈ Peruvian Lily
- DC856C
≈ Indian Princess
Triadico +120° +240°
- DB8094
I Love You Pink
- 8DAC5B
≈ Chelsea Cucumber
- 5FA6E2
≈ Windjammer
Complementare divisa +150° +210°
- DB8094
I Love You Pink
- 5DB582
≈ Jade Cream
- 2FB0CD
≈ Aquarius
Tetradico +90° +180° +270°
- DB8094
I Love You Pink
- B49F43
≈ Tiki Torch
- 2BB6AA
≈ Message Green
- 8C99E6
≈ Portage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.52:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--i-love-you-pink: #db8094;
--i-love-you-pink-rgb: 219 128 148;
--i-love-you-pink-oklch: oklch(0.703 0.114 6.3);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(347 56% 68%);
border-color: oklch(0.703 0.114 6.3);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #db8094;
--color-i-love-you-pink-50: #ffe8ef;
--color-i-love-you-pink-100: #ffd9e0;
--color-i-love-you-pink-200: #ffc1cb;
--color-i-love-you-pink-300: #eb9fac;
--color-i-love-you-pink-400: #d78194;
--color-i-love-you-pink-500: #c4637a;
--color-i-love-you-pink-600: #a55467;
--color-i-love-you-pink-700: #854353;
--color-i-love-you-pink-800: #62303e;
--color-i-love-you-pink-900: #45212a;
--color-i-love-you-pink-950: #2d1018;
}SCSS
$i-love-you-pink: #db8094;
$i-love-you-pink-rgb: 219, 128, 148;
$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);
}