Colore con nome · #C88088
Fake Crush
Fake Crush è #C88088: rgb(200 128 136), hsl(353 40% 64%), oklch(0.677 0.09 12.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Fake Crush color name →
#C88088
oklch(0.677 0.09 12.5)
Conversioni di colore
- HEX
- #c88088
- RGB
- rgb(200 128 136)
- HSL
- hsl(353 40% 64%)
- HWB
- hwb(353 50% 22%)
- OKLCH
- oklch(0.677 0.09 12.5)
- OKLab
- oklab(0.677 0.088 0.019)
- CIE Lab
- lab(61.5 29.37 7.92)
- LCH
- lch(61.5 30.42 15.1)
- CMYK
- cmyk(0% 36% 32% 22%)
Tinte · Ombre · Toni
Tinte
- CE8C93
- D4999F
- DAA5AA
- E0B2B6
- E6BFC2
- EBCBCE
- F0D8DA
- F5E5E6
- FAF2F3
Ombre
- AE6E75
- 945D63
- 7B4D52
- 633D41
- 4C2E31
- 361F22
- 211213
- 0F0606
- 020101
Toni
- C18087
- BA8186
- B38186
- AC8185
- A58184
- 9E8183
- 978182
- 8F8182
- 888081
Armonie di colore
Complementare +180°
- C88088
Fake Crush
- 49A9A6
≈ Tidal Teal
Analogo -30° +30°
- C88088
Fake Crush
- BE81A6
≈ Opera Mauve
- C7856B
≈ Cabana Melon
Triadico +120° +240°
- C88088
Fake Crush
- 82A369
≈ Pickle
- 6F9BCD
≈ Ice Blue
Complementare divisa +150° +210°
- C88088
Fake Crush
- 60A987
≈ Verdigris Green
- 51A4BF
≈ Pottery Blue
Tetradico +90° +180° +270°
- C88088
Fake Crush
- A29A56
≈ Iyanden Darksun
- 49A9A6
≈ Tidal Teal
- 8F90CD
≈ Adora
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.04:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.89:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--fake-crush: #c88088;
--fake-crush-rgb: 200 128 136;
--fake-crush-oklch: oklch(0.677 0.09 12.5);
}
.element {
color: var(--fake-crush);
background-color: hsl(353 40% 64%);
border-color: oklch(0.677 0.09 12.5);
}Tailwind CSS v4
@theme {
--color-fake-crush: #c88088;
--color-fake-crush-50: #ffebed;
--color-fake-crush-100: #ffdcde;
--color-fake-crush-200: #f8c5c8;
--color-fake-crush-300: #e1a5a9;
--color-fake-crush-400: #ce8890;
--color-fake-crush-500: #b96c76;
--color-fake-crush-600: #9d5c64;
--color-fake-crush-700: #7e4950;
--color-fake-crush-800: #5d353b;
--color-fake-crush-900: #412428;
--color-fake-crush-950: #2a1316;
}SCSS
$fake-crush: #c88088;
$fake-crush-rgb: 200, 128, 136;
$fake-crush-light: mix(#fff, $fake-crush, 20%);
$fake-crush-dark: mix(#000, $fake-crush, 20%);
.element {
color: $fake-crush;
box-shadow: 0 0 0 2px rgba($fake-crush, 0.35);
}