Colore con nome più vicino · #80407C
#80407C
Colore con nome più vicino: Bruise
#80407C (rgb(128 64 124), hsl(304 33% 38%), oklch(0.475 0.119 329.6)) è più vicino al colore con nome Bruise. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#80407C
oklch(0.475 0.119 329.6)
Conversioni di colore
- HEX
- #80407c
- RGB
- rgb(128 64 124)
- HSL
- hsl(304 33% 38%)
- HWB
- hwb(304 25% 50%)
- OKLCH
- oklch(0.475 0.119 329.6)
- OKLab
- oklab(0.475 0.103 -0.06)
- CIE Lab
- lab(37.3 34.74 -21.88)
- LCH
- lch(37.3 41.06 327.8)
- CMYK
- cmyk(0% 50% 3% 50%)
Tinte · Ombre · Toni
Tinte
- 8D5389
- 9A6595
- A777A2
- B38AAF
- C09DBC
- CDB0CA
- D9C3D7
- E6D7E4
- F2EBF1
Ombre
- 6E366B
- 5D2D5A
- 4D244A
- 3D1B3B
- 2E132C
- 1F0B1E
- 120511
- 060105
- 010001
Toni
- 81477D
- 814E7D
- 82557E
- 825B7E
- 82617F
- 82687F
- 826E7F
- 817480
- 817A80
Armonie di colore
Complementare +180°
- 80407C
Bruise
- 196E35
≈ Column of Oak Green
Analogo -30° +30°
- 80407C
Bruise
- 674A95
≈ Sweet Flag
- 8F3B5A
≈ Quinacridone Magenta
Triadico +120° +240°
- 80407C
Bruise
- 725900
≈ Hot Mustard
- 006875
≈ Bankson Lake
Complementare divisa +150° +210°
- 80407C
Bruise
- 556400
≈ Serrano Pepper
- 006C5E
≈ Pacific Queen
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.13:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.94:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.13:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--bruise: #80407c;
--bruise-rgb: 128 64 124;
--bruise-oklch: oklch(0.475 0.119 329.6);
}
.element {
color: var(--bruise);
background-color: hsl(304 33% 38%);
border-color: oklch(0.475 0.119 329.6);
}Tailwind CSS v4
@theme {
--color-bruise: #80407c;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdafa;
--color-bruise-200: #f3c2ec;
--color-bruise-300: #dca1d3;
--color-bruise-400: #c684c0;
--color-bruise-500: #b167ac;
--color-bruise-600: #965791;
--color-bruise-700: #784674;
--color-bruise-800: #583257;
--color-bruise-900: #3e223d;
--color-bruise-950: #271126;
}SCSS
$bruise: #80407c;
$bruise-rgb: 128, 64, 124;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}