Colore con nome · #B4496C
Lickedy Lick
Lickedy Lick è #B4496C: rgb(180 73 108), hsl(340 42% 50%), oklch(0.556 0.143 2.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lickedy Lick color name →
#B4496C
oklch(0.556 0.143 2.5)
Conversioni di colore
- HEX
- #b4496c
- RGB
- rgb(180 73 108)
- HSL
- hsl(340 42% 50%)
- HWB
- hwb(340 29% 29%)
- OKLCH
- oklch(0.556 0.143 2.5)
- OKLab
- oklab(0.556 0.143 0.006)
- CIE Lab
- lab(46.76 46.64 3.06)
- LCH
- lch(46.76 46.74 3.8)
- CMYK
- cmyk(0% 59% 40% 29%)
Tinte · Ombre · Toni
Tinte
- BD5C7A
- C66E87
- CF8096
- D792A4
- DFA4B3
- E6B6C2
- EDC8D1
- F3DAE0
- F9EDEF
Ombre
- 9C3E5D
- 85344E
- 6E2A40
- 582032
- 441725
- 300E19
- 1D060D
- 0C0204
- 020000
Toni
- B0506E
- AC5770
- A75D72
- A36274
- 9E6876
- 986D78
- 93727A
- 8D777C
- 877B7E
Armonie di colore
Complementare +180°
- B4496C
Lickedy Lick
- 008678
≈ Mystic Turquoise
Analogo -30° +30°
- B4496C
Lickedy Lick
- A24F97
≈ Hyacinth Violet
- B84D39
≈ Glowing Coals
Triadico +120° +240°
- B4496C
Lickedy Lick
- 667F00
≈ Jungle Vibes
- 007ABA
≈ Deep Cerulean
Complementare divisa +150° +210°
- B4496C
Lickedy Lick
- 088A48
≈ Real Turquoise
- 008295
≈ Craftsman Blue
Tetradico +90° +180° +270°
- B4496C
Lickedy Lick
- 8B7000
≈ Vermin Brown
- 008678
≈ Mystic Turquoise
- 586AC6
≈ Borage Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.10:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.11:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--lickedy-lick: #b4496c;
--lickedy-lick-rgb: 180 73 108;
--lickedy-lick-oklch: oklch(0.556 0.143 2.5);
}
.element {
color: var(--lickedy-lick);
background-color: hsl(340 42% 50%);
border-color: oklch(0.556 0.143 2.5);
}Tailwind CSS v4
@theme {
--color-lickedy-lick: #b4496c;
--color-lickedy-lick-50: #ffe5f0;
--color-lickedy-lick-100: #ffd5e2;
--color-lickedy-lick-200: #ffbbcd;
--color-lickedy-lick-300: #f598ae;
--color-lickedy-lick-400: #e27897;
--color-lickedy-lick-500: #cf577e;
--color-lickedy-lick-600: #af4a6b;
--color-lickedy-lick-700: #8d3b55;
--color-lickedy-lick-800: #682a40;
--color-lickedy-lick-900: #491c2c;
--color-lickedy-lick-950: #300c19;
}SCSS
$lickedy-lick: #b4496c;
$lickedy-lick-rgb: 180, 73, 108;
$lickedy-lick-light: mix(#fff, $lickedy-lick, 20%);
$lickedy-lick-dark: mix(#000, $lickedy-lick, 20%);
.element {
color: $lickedy-lick;
box-shadow: 0 0 0 2px rgba($lickedy-lick, 0.35);
}