Colore con nome · #957E8E
Plum Swirl
Plum Swirl è #957E8E: rgb(149 126 142), hsl(318 10% 54%), oklch(0.62 0.036 337.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Plum Swirl color name →
#957E8E
oklch(0.62 0.036 337.1)
Conversioni di colore
- HEX
- #957e8e
- RGB
- rgb(149 126 142)
- HSL
- hsl(318 10% 54%)
- HWB
- hwb(318 49% 42%)
- OKLCH
- oklch(0.62 0.036 337.1)
- OKLab
- oklab(0.62 0.033 -0.014)
- CIE Lab
- lab(55.36 11.27 -5.22)
- LCH
- lch(55.36 12.42 335.2)
- CMYK
- cmyk(0% 15% 5% 42%)
Tinte · Ombre · Toni
Tinte
- 9F8A99
- AA97A4
- B4A3AF
- BEB0BA
- C9BDC5
- D4CAD0
- DED7DC
- E9E4E7
- F4F1F3
Ombre
- 816D7B
- 6D5C68
- 5A4C56
- 483C44
- 372D34
- 261F24
- 161115
- 080507
- 010101
Toni
- 937E8D
- 917E8B
- 8F7F8A
- 8D7F88
- 8B7F87
- 897F86
- 867F84
- 848083
- 828081
Armonie di colore
Complementare +180°
- 957E8E
Plum Swirl
- 758D7D
≈ Cyanara
Analogo -30° +30°
- 957E8E
Plum Swirl
- 8C8198
≈ Violet Vibes
- 9A7D82
≈ Mulberry Wine
Triadico +120° +240°
- 957E8E
Plum Swirl
- 8C866E
≈ Stratford Sage
- 6E8C94
≈ Blue Shoal
Complementare divisa +150° +210°
- 957E8E
Plum Swirl
- 808A73
≈ Canaletto
- 6E8D8A
≈ Aspen Hush
Tetradico +90° +180° +270°
- 957E8E
Plum Swirl
- 95826F
≈ Hunt Club Brown
- 758D7D
≈ Cyanara
- 75899B
≈ Somnambulist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.71:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.65:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.65:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--plum-swirl: #957e8e;
--plum-swirl-rgb: 149 126 142;
--plum-swirl-oklch: oklch(0.62 0.036 337.1);
}
.element {
color: var(--plum-swirl);
background-color: hsl(318 10% 54%);
border-color: oklch(0.62 0.036 337.1);
}Tailwind CSS v4
@theme {
--color-plum-swirl: #957e8e;
--color-plum-swirl-50: #fdf1f9;
--color-plum-swirl-100: #f1e3ec;
--color-plum-swirl-200: #dfcfd9;
--color-plum-swirl-300: #c5b1bd;
--color-plum-swirl-400: #ad97a6;
--color-plum-swirl-500: #977d8f;
--color-plum-swirl-600: #7f6a79;
--color-plum-swirl-700: #665561;
--color-plum-swirl-800: #4b3e47;
--color-plum-swirl-900: #342a31;
--color-plum-swirl-950: #1f181d;
}SCSS
$plum-swirl: #957e8e;
$plum-swirl-rgb: 149, 126, 142;
$plum-swirl-light: mix(#fff, $plum-swirl, 20%);
$plum-swirl-dark: mix(#000, $plum-swirl, 20%);
.element {
color: $plum-swirl;
box-shadow: 0 0 0 2px rgba($plum-swirl, 0.35);
}