Colore con nome · #D47186
Strawberry Milkshake
Strawberry Milkshake è #D47186: rgb(212 113 134), hsl(347 54% 64%), oklch(0.666 0.126 7.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Strawberry Milkshake color name →
#D47186
oklch(0.666 0.126 7.6)
Conversioni di colore
- HEX
- #d47186
- RGB
- rgb(212 113 134)
- HSL
- hsl(347 54% 64%)
- HWB
- hwb(347 44% 17%)
- OKLCH
- oklch(0.666 0.126 7.6)
- OKLab
- oklab(0.666 0.124 0.017)
- CIE Lab
- lab(59.83 41.27 6.99)
- LCH
- lch(59.83 41.86 9.6)
- CMYK
- cmyk(0% 47% 37% 17%)
Tinte · Ombre · Toni
Tinte
- DA7F91
- DF8E9D
- E49CA9
- E9AAB5
- EEB8C1
- F2C6CD
- F6D4D9
- F9E2E6
- FCF1F2
Ombre
- B86174
- 9D5262
- 834351
- 693540
- 512730
- 3A1A21
- 240E13
- 100406
- 020101
Toni
- CC7385
- C47585
- BC7784
- B47984
- AC7A83
- A47C82
- 9B7D82
- 927E81
- 897F81
Armonie di colore
Complementare +180°
- D47186
Strawberry Milkshake
- 00ABA1
≈ Tropical Hideaway
Analogo -30° +30°
- D47186
Strawberry Milkshake
- C574AF
≈ Bishop Red
- D5765A
≈ Clay Mug
Triadico +120° +240°
- D47186
Strawberry Milkshake
- 7EA248
≈ Tree Frog Green
- 4E9ADD
≈ Flax Flower Blue
Complementare divisa +150° +210°
- D47186
Strawberry Milkshake
- 43AB75
≈ Jubilant Jade
- 00A5C4
≈ Cyan Blue
Tetradico +90° +180° +270°
- D47186
Strawberry Milkshake
- A99426
≈ Rapeseed Oil
- 00ABA1
≈ Tropical Hideaway
- 828BE0
≈ Perrywinkle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.22:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.50:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--strawberry-milkshake: #d47186;
--strawberry-milkshake-rgb: 212 113 134;
--strawberry-milkshake-oklch: oklch(0.666 0.126 7.6);
}
.element {
color: var(--strawberry-milkshake);
background-color: hsl(347 54% 64%);
border-color: oklch(0.666 0.126 7.6);
}Tailwind CSS v4
@theme {
--color-strawberry-milkshake: #d47186;
--color-strawberry-milkshake-50: #ffe7ed;
--color-strawberry-milkshake-100: #ffd7df;
--color-strawberry-milkshake-200: #ffbec8;
--color-strawberry-milkshake-300: #f09ca9;
--color-strawberry-milkshake-400: #dd7d91;
--color-strawberry-milkshake-500: #c95e77;
--color-strawberry-milkshake-600: #aa5065;
--color-strawberry-milkshake-700: #894050;
--color-strawberry-milkshake-800: #652e3c;
--color-strawberry-milkshake-900: #471f29;
--color-strawberry-milkshake-950: #2e0e17;
}SCSS
$strawberry-milkshake: #d47186;
$strawberry-milkshake-rgb: 212, 113, 134;
$strawberry-milkshake-light: mix(#fff, $strawberry-milkshake, 20%);
$strawberry-milkshake-dark: mix(#000, $strawberry-milkshake, 20%);
.element {
color: $strawberry-milkshake;
box-shadow: 0 0 0 2px rgba($strawberry-milkshake, 0.35);
}