Colore con nome · #720B98
Chinese Purple
Chinese Purple è #720B98: rgb(114 11 152), hsl(284 87% 32%), oklch(0.421 0.202 313.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Chinese Purple color name →
#720B98
oklch(0.421 0.202 313.3)
Conversioni di colore
- HEX
- #720b98
- RGB
- rgb(114 11 152)
- HSL
- hsl(284 87% 32%)
- HWB
- hwb(284 4% 40%)
- OKLCH
- oklch(0.421 0.202 313.3)
- OKLab
- oklab(0.421 0.138 -0.147)
- CIE Lab
- lab(29.13 54.84 -52.25)
- LCH
- lch(29.13 75.74 316.4)
- CMYK
- cmyk(25% 93% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 8031A3
- 8E4BAE
- 9C62B9
- AA79C4
- B88FCE
- C6A5D9
- D4BBE2
- E2D2EC
- F1E8F6
Ombre
- 620884
- 530670
- 44045C
- 36024A
- 280138
- 1B0127
- 0E0017
- 040008
- 010001
Toni
- 742397
- 763395
- 773F93
- 794A91
- 7A548F
- 7C5D8C
- 7D668A
- 7E6F87
- 7F7884
Armonie di colore
Complementare +180°
- 720B98
Chinese Purple
- 315A00
≈ Deep Forestial Escapade
Analogo -30° +30°
- 720B98
Chinese Purple
- 482AB4
≈ Blue Depression
- 880066
≈ Grapest
Triadico +120° +240°
- 720B98
Chinese Purple
- 6A4400
≈ Violin Brown
- 005958
≈ Deep Sea Green
Complementare divisa +150° +210°
- 720B98
Chinese Purple
- 564F00
≈ Scorzonera Brown
- 005C3F
≈ Spruce
Tetradico +90° +180° +270°
- 720B98
Chinese Purple
- 823000
≈ Coffee Addiction
- 315A00
≈ Deep Forestial Escapade
- 00566C
≈ Submersible
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.47:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.21:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--chinese-purple: #720b98;
--chinese-purple-rgb: 114 11 152;
--chinese-purple-oklch: oklch(0.421 0.202 313.3);
}
.element {
color: var(--chinese-purple);
background-color: hsl(284 87% 32%);
border-color: oklch(0.421 0.202 313.3);
}Tailwind CSS v4
@theme {
--color-chinese-purple: #720b98;
--color-chinese-purple-50: #ffe4ff;
--color-chinese-purple-100: #ffd4ff;
--color-chinese-purple-200: #f5baff;
--color-chinese-purple-300: #de95fd;
--color-chinese-purple-400: #c874f1;
--color-chinese-purple-500: #b44fe2;
--color-chinese-purple-600: #9845bf;
--color-chinese-purple-700: #7a3799;
--color-chinese-purple-800: #592774;
--color-chinese-purple-900: #3e1a52;
--color-chinese-purple-950: #270a37;
}SCSS
$chinese-purple: #720b98;
$chinese-purple-rgb: 114, 11, 152;
$chinese-purple-light: mix(#fff, $chinese-purple, 20%);
$chinese-purple-dark: mix(#000, $chinese-purple, 20%);
.element {
color: $chinese-purple;
box-shadow: 0 0 0 2px rgba($chinese-purple, 0.35);
}