Colore con nome · #B183A8
Purple Stripe
Purple Stripe è #B183A8: rgb(177 131 168), hsl(312 23% 60%), oklch(0.667 0.076 333.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Purple Stripe color name →
#B183A8
oklch(0.667 0.076 333.4)
Conversioni di colore
- HEX
- #b183a8
- RGB
- rgb(177 131 168)
- HSL
- hsl(312 23% 60%)
- HWB
- hwb(312 51% 31%)
- OKLCH
- oklch(0.667 0.076 333.4)
- OKLab
- oklab(0.667 0.068 -0.034)
- CIE Lab
- lab(60.27 22.79 -12.47)
- LCH
- lch(60.27 25.98 331.3)
- CMYK
- cmyk(0% 26% 5% 31%)
Tinte · Ombre · Toni
Tinte
- B98FB0
- C19BB9
- C9A7C2
- D1B3CA
- D8C0D3
- E0CCDC
- E8D9E4
- F0E5ED
- F7F2F6
Ombre
- 997192
- 83607C
- 6C4F67
- 573F52
- 422F3F
- 2F202C
- 1C121A
- 0C060A
- 010101
Toni
- AC83A4
- A783A0
- A3829C
- 9E8298
- 998294
- 948290
- 8F818C
- 8A8188
- 858084
Armonie di colore
Complementare +180°
- B183A8
Purple Stripe
- 6FA27F
≈ Sea Lettuce
Analogo -30° +30°
- B183A8
Purple Stripe
- 9E89BB
≈ Sand Verbena
- BC818F
≈ Lipstick Pink
Triadico +120° +240°
- B183A8
Purple Stripe
- A4945D
≈ Terran Khaki
- 59A1B0
≈ Explorer Blue
Complementare divisa +150° +210°
- B183A8
Purple Stripe
- 8B9C68
≈ Agave Plant
- 5AA499
≈ Polished Pine
Tetradico +90° +180° +270°
- B183A8
Purple Stripe
- B68A63
≈ Tudor Tan
- 6FA27F
≈ Sea Lettuce
- 6B9AC0
≈ Cerulean Frost
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.14:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.68:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-stripe: #b183a8;
--purple-stripe-rgb: 177 131 168;
--purple-stripe-oklch: oklch(0.667 0.076 333.4);
}
.element {
color: var(--purple-stripe);
background-color: hsl(312 23% 60%);
border-color: oklch(0.667 0.076 333.4);
}Tailwind CSS v4
@theme {
--color-purple-stripe: #b183a8;
--color-purple-stripe-50: #ffedfe;
--color-purple-stripe-100: #f9dff2;
--color-purple-stripe-200: #eac9e1;
--color-purple-stripe-300: #d1a9c7;
--color-purple-stripe-400: #ba8eb1;
--color-purple-stripe-500: #a5739b;
--color-purple-stripe-600: #8b6283;
--color-purple-stripe-700: #704e69;
--color-purple-stripe-800: #52394e;
--color-purple-stripe-900: #392736;
--color-purple-stripe-950: #231521;
}SCSS
$purple-stripe: #b183a8;
$purple-stripe-rgb: 177, 131, 168;
$purple-stripe-light: mix(#fff, $purple-stripe, 20%);
$purple-stripe-dark: mix(#000, $purple-stripe, 20%);
.element {
color: $purple-stripe;
box-shadow: 0 0 0 2px rgba($purple-stripe, 0.35);
}