Colore con nome · #946A81
Strikemaster
Strikemaster è #946A81: rgb(148 106 129), hsl(327 17% 50%), oklch(0.575 0.062 345.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Strikemaster color name →
#946A81
oklch(0.575 0.062 345.2)
Conversioni di colore
- HEX
- #946a81
- RGB
- rgb(148 106 129)
- HSL
- hsl(327 17% 50%)
- HWB
- hwb(327 42% 42%)
- OKLCH
- oklch(0.575 0.062 345.2)
- OKLab
- oklab(0.575 0.06 -0.016)
- CIE Lab
- lab(49.8 20.06 -5.8)
- LCH
- lch(49.8 20.88 343.9)
- CMYK
- cmyk(0% 28% 13% 42%)
Tinte · Ombre · Toni
Tinte
- 9F788D
- A98699
- B495A5
- BFA3B2
- C9B2BE
- D4C1CB
- DFD0D8
- E9E0E5
- F4EFF2
Ombre
- 805B6F
- 6D4D5E
- 5A3F4E
- 48313E
- 36242E
- 26181F
- 160D12
- 080406
- 010001
Toni
- 926C81
- 906F81
- 8F7181
- 8D7381
- 8B7581
- 897880
- 877A80
- 857C80
- 827E80
Armonie di colore
Complementare +180°
- 946A81
Strikemaster
- 548570
≈ Billiard Room
Analogo -30° +30°
- 946A81
Strikemaster
- 876E92
≈ Greyish Purple
- 9A6A6D
≈ Rose Brocade
Triadico +120° +240°
- 946A81
Strikemaster
- 7E7B4F
≈ Seaweed Salad
- 4E8195
≈ Casual Blue
Complementare divisa +150° +210°
- 946A81
Strikemaster
- 69815C
≈ Tuscan Herbs
- 498484
≈ Jericho Jade
Tetradico +90° +180° +270°
- 946A81
Strikemaster
- 8E744E
≈ Rutherford
- 548570
≈ Billiard Room
- 607B9D
≈ Blue Plate
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--strikemaster: #946a81;
--strikemaster-rgb: 148 106 129;
--strikemaster-oklch: oklch(0.575 0.062 345.2);
}
.element {
color: var(--strikemaster);
background-color: hsl(327 17% 50%);
border-color: oklch(0.575 0.062 345.2);
}Tailwind CSS v4
@theme {
--color-strikemaster: #946a81;
--color-strikemaster-50: #ffeef8;
--color-strikemaster-100: #f9e0ec;
--color-strikemaster-200: #e9cad9;
--color-strikemaster-300: #d0abbd;
--color-strikemaster-400: #ba90a7;
--color-strikemaster-500: #a5768f;
--color-strikemaster-600: #8b6479;
--color-strikemaster-700: #705061;
--color-strikemaster-800: #523a48;
--color-strikemaster-900: #392832;
--color-strikemaster-950: #23161e;
}SCSS
$strikemaster: #946a81;
$strikemaster-rgb: 148, 106, 129;
$strikemaster-light: mix(#fff, $strikemaster, 20%);
$strikemaster-dark: mix(#000, $strikemaster, 20%);
.element {
color: $strikemaster;
box-shadow: 0 0 0 2px rgba($strikemaster, 0.35);
}