Colore con nome · #BB1177
Infectious Love
Infectious Love è #BB1177: rgb(187 17 119), hsl(324 83% 40%), oklch(0.525 0.21 351.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Infectious Love color name →
#BB1177
oklch(0.525 0.21 351.9)
Conversioni di colore
- HEX
- #bb1177
- RGB
- rgb(187 17 119)
- HSL
- hsl(324 83% 40%)
- HWB
- hwb(324 7% 27%)
- OKLCH
- oklch(0.525 0.21 351.9)
- OKLab
- oklab(0.525 0.208 -0.03)
- CIE Lab
- lab(42.12 66.28 -10.31)
- LCH
- lch(42.12 67.08 351.2)
- CMYK
- cmyk(0% 91% 36% 27%)
Tinte · Ombre · Toni
Tinte
- C53984
- CE5391
- D76B9E
- DE80AB
- E696B9
- ECABC7
- F2C0D5
- F7D5E3
- FBEAF1
Ombre
- A20D67
- 8A0957
- 730647
- 5C0438
- 46022A
- 32011C
- 1F0010
- 0D0005
- 020001
Toni
- B72A78
- B33A79
- AE467A
- A9507B
- A35A7C
- 9E627D
- 976A7D
- 90727E
- 89797F
Armonie di colore
Complementare +180°
- BB1177
Infectious Love
- 007D63
≈ Turquoise Cyan
Analogo -30° +30°
- BB1177
Infectious Love
- 9E2DB0
≈ Pink Spyro
- C7042D
≈ Vampire Bite
Triadico +120° +240°
- BB1177
Infectious Love
- 6D7000
≈ Brownish Green
- 00749D
≈ Tofino Belue
Complementare divisa +150° +210°
- BB1177
Infectious Love
- 0E8100
≈ Hulk
- 007980
≈ Aqua Nation
Tetradico +90° +180° +270°
- BB1177
Infectious Love
- 896300
≈ Alligator
- 007D63
≈ Turquoise Cyan
- 1B5EE1
≈ Chun-Li Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.07:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.45:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--infectious-love: #bb1177;
--infectious-love-rgb: 187 17 119;
--infectious-love-oklch: oklch(0.525 0.21 351.9);
}
.element {
color: var(--infectious-love);
background-color: hsl(324 83% 40%);
border-color: oklch(0.525 0.21 351.9);
}Tailwind CSS v4
@theme {
--color-infectious-love: #bb1177;
--color-infectious-love-50: #ffddf9;
--color-infectious-love-100: #ffcbed;
--color-infectious-love-200: #ffaeda;
--color-infectious-love-300: #ff85bf;
--color-infectious-love-400: #f65fab;
--color-infectious-love-500: #e42d95;
--color-infectious-love-600: #c0297e;
--color-infectious-love-700: #9b2165;
--color-infectious-love-800: #73164c;
--color-infectious-love-900: #510f35;
--color-infectious-love-950: #360120;
}SCSS
$infectious-love: #bb1177;
$infectious-love-rgb: 187, 17, 119;
$infectious-love-light: mix(#fff, $infectious-love, 20%);
$infectious-love-dark: mix(#000, $infectious-love, 20%);
.element {
color: $infectious-love;
box-shadow: 0 0 0 2px rgba($infectious-love, 0.35);
}