Colore con nome · #71588D
Classic Waltz
Classic Waltz è #71588D: rgb(113 88 141), hsl(268 23% 45%), oklch(0.507 0.087 305.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Classic Waltz color name →
#71588D
oklch(0.507 0.087 305.2)
Conversioni di colore
- HEX
- #71588d
- RGB
- rgb(113 88 141)
- HSL
- hsl(268 23% 45%)
- HWB
- hwb(268 35% 45%)
- OKLCH
- oklch(0.507 0.087 305.2)
- OKLab
- oklab(0.507 0.05 -0.071)
- CIE Lab
- lab(41.66 18.97 -25.69)
- LCH
- lch(41.66 31.93 306.4)
- CMYK
- cmyk(20% 38% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 7E6898
- 8C78A4
- 9988AF
- A798BA
- B5A9C6
- C4B9D1
- D2CBDC
- E1DCE8
- F0EDF3
Ombre
- 614B7A
- 523F67
- 433355
- 352844
- 271D33
- 1A1223
- 0E0914
- 040307
- 010001
Toni
- 725C8C
- 74608B
- 75648A
- 776889
- 786C87
- 7A7086
- 7B7485
- 7D7883
- 7E7C82
Armonie di colore
Complementare +180°
- 71588D
Classic Waltz
- 5A6E34
≈ Russian Uniform
Analogo -30° +30°
- 71588D
Classic Waltz
- 576197
≈ Breathtaking
- 845279
≈ Purple Davenport
Triadico +120° +240°
- 71588D
Classic Waltz
- 875A2A
≈ Treacle
- 0C756C
≈ Hawk Turquoise
Complementare divisa +150° +210°
- 71588D
Classic Waltz
- 756523
≈ Brazen Brass
- 37744F
≈ Parsley Sprig
Tetradico +90° +180° +270°
- 71588D
Classic Waltz
- 905242
≈ Ruskin Red
- 5A6E34
≈ Russian Uniform
- 0E7184
≈ Billabong
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--classic-waltz: #71588d;
--classic-waltz-rgb: 113 88 141;
--classic-waltz-oklch: oklch(0.507 0.087 305.2);
}
.element {
color: var(--classic-waltz);
background-color: hsl(268 23% 45%);
border-color: oklch(0.507 0.087 305.2);
}Tailwind CSS v4
@theme {
--color-classic-waltz: #71588d;
--color-classic-waltz-50: #fcefff;
--color-classic-waltz-100: #efe1ff;
--color-classic-waltz-200: #decbf2;
--color-classic-waltz-300: #c3acdb;
--color-classic-waltz-400: #aa92c8;
--color-classic-waltz-500: #9477b4;
--color-classic-waltz-600: #7d6598;
--color-classic-waltz-700: #64517a;
--color-classic-waltz-800: #483b5b;
--color-classic-waltz-900: #322840;
--color-classic-waltz-950: #1e1629;
}SCSS
$classic-waltz: #71588d;
$classic-waltz-rgb: 113, 88, 141;
$classic-waltz-light: mix(#fff, $classic-waltz, 20%);
$classic-waltz-dark: mix(#000, $classic-waltz, 20%);
.element {
color: $classic-waltz;
box-shadow: 0 0 0 2px rgba($classic-waltz, 0.35);
}