Colore con nome · #BB8D88
Smoky Pink
Smoky Pink è #BB8D88: rgb(187 141 136), hsl(6 27% 63%), oklch(0.686 0.057 25.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Smoky Pink color name →
#BB8D88
oklch(0.686 0.057 25.7)
Conversioni di colore
- HEX
- #bb8d88
- RGB
- rgb(187 141 136)
- HSL
- hsl(6 27% 63%)
- HWB
- hwb(6 53% 27%)
- OKLCH
- oklch(0.686 0.057 25.7)
- OKLab
- oklab(0.686 0.051 0.025)
- CIE Lab
- lab(63.05 17.47 9.83)
- LCH
- lch(63.05 20.04 29.4)
- CMYK
- cmyk(0% 25% 27% 27%)
Tinte · Ombre · Toni
Tinte
- C29893
- C9A39F
- D0AEAA
- D7BAB6
- DEC5C2
- E4D0CE
- EBDCDA
- F2E7E6
- F8F3F3
Ombre
- A27A75
- 8A6763
- 735552
- 5C4441
- 463331
- 322322
- 1F1413
- 0D0706
- 020101
Toni
- B58C87
- AF8B86
- AA8986
- A48885
- 9E8784
- 988583
- 928483
- 8C8382
- 868181
Armonie di colore
Complementare +180°
- BB8D88
Smoky Pink
- 6FA5AB
≈ Fairstar
Analogo -30° +30°
- BB8D88
Smoky Pink
- B88C9B
≈ Monastir
- B69178
≈ Mojave Dusk
Triadico +120° +240°
- BB8D88
Smoky Pink
- 84A485
≈ Gallery Green
- 899ABE
≈ Manifest Destiny
Complementare divisa +150° +210°
- BB8D88
Smoky Pink
- 74A698
≈ Twining Vine
- 78A0B9
≈ Blue Nile
Tetradico +90° +180° +270°
- BB8D88
Smoky Pink
- 989F77
≈ Renkon Beige
- 6FA5AB
≈ Fairstar
- 9D93BA
≈ Lush Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.88:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.27:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--smoky-pink: #bb8d88;
--smoky-pink-rgb: 187 141 136;
--smoky-pink-oklch: oklch(0.686 0.057 25.7);
}
.element {
color: var(--smoky-pink);
background-color: hsl(6 27% 63%);
border-color: oklch(0.686 0.057 25.7);
}Tailwind CSS v4
@theme {
--color-smoky-pink: #bb8d88;
--color-smoky-pink-50: #ffefec;
--color-smoky-pink-100: #fbe1dd;
--color-smoky-pink-200: #ecccc7;
--color-smoky-pink-300: #d3ada7;
--color-smoky-pink-400: #be928d;
--color-smoky-pink-500: #a97873;
--color-smoky-pink-600: #8f6661;
--color-smoky-pink-700: #72514e;
--color-smoky-pink-800: #553b39;
--color-smoky-pink-900: #3b2827;
--color-smoky-pink-950: #251615;
}SCSS
$smoky-pink: #bb8d88;
$smoky-pink-rgb: 187, 141, 136;
$smoky-pink-light: mix(#fff, $smoky-pink, 20%);
$smoky-pink-dark: mix(#000, $smoky-pink, 20%);
.element {
color: $smoky-pink;
box-shadow: 0 0 0 2px rgba($smoky-pink, 0.35);
}