Colore con nome · #907BAA
Trumpeter
Trumpeter è #907BAA: rgb(144 123 170), hsl(267 22% 57%), oklch(0.619 0.073 304.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Trumpeter color name →
#907BAA
oklch(0.619 0.073 304.8)
Conversioni di colore
- HEX
- #907baa
- RGB
- rgb(144 123 170)
- HSL
- hsl(267 22% 57%)
- HWB
- hwb(267 48% 33%)
- OKLCH
- oklch(0.619 0.073 304.8)
- OKLab
- oklab(0.619 0.042 -0.06)
- CIE Lab
- lab(54.91 15.47 -22.09)
- LCH
- lch(54.91 26.96 305)
- CMYK
- cmyk(15% 28% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 9B88B2
- A594BB
- B0A1C3
- BBAECC
- C6BBD4
- D1C9DD
- DCD6E5
- E8E4EE
- F3F1F6
Ombre
- 7D6A93
- 6A5A7D
- 574A68
- 453A53
- 342C3F
- 241E2D
- 15101B
- 07050B
- 010101
Toni
- 8E7CA6
- 8D7CA2
- 8B7D9E
- 8A7D99
- 887E95
- 867E91
- 857F8D
- 837F89
- 828084
Armonie di colore
Complementare +180°
- 907BAA
Trumpeter
- 7C8E5D
≈ Moss Point Green
Analogo -30° +30°
- 907BAA
Trumpeter
- 7983B3
≈ Corsican Purple
- A27598
≈ Long Forgotten Purple
Triadico +120° +240°
- 907BAA
Trumpeter
- A57D56
≈ Burnt Butter
- 4D958B
≈ Martian Cerulean
Complementare divisa +150° +210°
- 907BAA
Trumpeter
- 948651
≈ Golden Clay
- 629372
≈ Skarsnik Green
Tetradico +90° +180° +270°
- 907BAA
Trumpeter
- AD7668
≈ Sawshark
- 7C8E5D
≈ Moss Point Green
- 4D91A1
≈ Aegean Sea
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.59:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--trumpeter: #907baa;
--trumpeter-rgb: 144 123 170;
--trumpeter-oklch: oklch(0.619 0.073 304.8);
}
.element {
color: var(--trumpeter);
background-color: hsl(267 22% 57%);
border-color: oklch(0.619 0.073 304.8);
}Tailwind CSS v4
@theme {
--color-trumpeter: #907baa;
--color-trumpeter-50: #faf0ff;
--color-trumpeter-100: #eee2fc;
--color-trumpeter-200: #dccded;
--color-trumpeter-300: #c1aed5;
--color-trumpeter-400: #a894c2;
--color-trumpeter-500: #917aae;
--color-trumpeter-600: #7b6793;
--color-trumpeter-700: #625376;
--color-trumpeter-800: #473c58;
--color-trumpeter-900: #31293d;
--color-trumpeter-950: #1d1727;
}SCSS
$trumpeter: #907baa;
$trumpeter-rgb: 144, 123, 170;
$trumpeter-light: mix(#fff, $trumpeter, 20%);
$trumpeter-dark: mix(#000, $trumpeter, 20%);
.element {
color: $trumpeter;
box-shadow: 0 0 0 2px rgba($trumpeter, 0.35);
}