Colore con nome · #CC1155
Love Juice
Love Juice è #CC1155: rgb(204 17 85), hsl(338 85% 43%), oklch(0.545 0.211 9.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Love Juice color name →
#CC1155
oklch(0.545 0.211 9.4)
Conversioni di colore
- HEX
- #cc1155
- RGB
- rgb(204 17 85)
- HSL
- hsl(338 85% 43%)
- HWB
- hwb(338 7% 20%)
- OKLCH
- oklch(0.545 0.211 9.4)
- OKLab
- oklab(0.545 0.209 0.034)
- CIE Lab
- lab(44.78 68.49 15.35)
- LCH
- lch(44.78 70.19 12.6)
- CMYK
- cmyk(0% 92% 58% 20%)
Tinte · Ombre · Toni
Tinte
- D53B65
- DC5675
- E46D85
- EA8395
- F098A6
- F4ADB8
- F8C2C9
- FCD6DB
- FEEBED
Ombre
- B10D49
- 97093D
- 7E0631
- 650426
- 4E021C
- 370111
- 220008
- 0F0002
- 020000
Toni
- C62C59
- C03C5E
- BA4862
- B35366
- AC5C6B
- A5646F
- 9D6C73
- 947377
- 8B7A7C
Armonie di colore
Complementare +180°
- CC1155
Love Juice
- 00817C
≈ Blue Winged Teal
Analogo -30° +30°
- CC1155
Love Juice
- B82697
≈ Fuchsia Flourish
- BF3F00
≈ Copper Hopper
Triadico +120° +240°
- CC1155
Love Juice
- 547F00
≈ Avocado
- 0073C4
≈ Science Blue
Complementare divisa +150° +210°
- CC1155
Love Juice
- 008655
≈ Pixel Nature
- 007D97
≈ Mosaic Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.55:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.77:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--love-juice: #cc1155;
--love-juice-rgb: 204 17 85;
--love-juice-oklch: oklch(0.545 0.211 9.4);
}
.element {
color: var(--love-juice);
background-color: hsl(338 85% 43%);
border-color: oklch(0.545 0.211 9.4);
}Tailwind CSS v4
@theme {
--color-love-juice: #cc1155;
--color-love-juice-50: #ffdde6;
--color-love-juice-100: #ffcbd6;
--color-love-juice-200: #ffadbd;
--color-love-juice-300: #ff849c;
--color-love-juice-400: #ff5b83;
--color-love-juice-500: #ef2367;
--color-love-juice-600: #ca2258;
--color-love-juice-700: #a21c46;
--color-love-juice-800: #791235;
--color-love-juice-900: #560c24;
--color-love-juice-950: #390013;
}SCSS
$love-juice: #cc1155;
$love-juice-rgb: 204, 17, 85;
$love-juice-light: mix(#fff, $love-juice, 20%);
$love-juice-dark: mix(#000, $love-juice, 20%);
.element {
color: $love-juice;
box-shadow: 0 0 0 2px rgba($love-juice, 0.35);
}