Colore con nome · #7E4071
Bruise
Bruise è #7E4071: rgb(126 64 113), hsl(313 33% 37%), oklch(0.467 0.108 335.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Bruise color name →
#7E4071
oklch(0.467 0.108 335.6)
Conversioni di colore
- HEX
- #7e4071
- RGB
- rgb(126 64 113)
- HSL
- hsl(313 33% 37%)
- HWB
- hwb(313 25% 51%)
- OKLCH
- oklch(0.467 0.108 335.6)
- OKLab
- oklab(0.467 0.098 -0.044)
- CIE Lab
- lab(36.59 32.53 -16.17)
- LCH
- lch(36.59 36.32 333.6)
- CMYK
- cmyk(0% 49% 10% 51%)
Tinte · Ombre · Toni
Tinte
- 8B527E
- 98648C
- A5779A
- B28AA8
- BF9CB6
- CCB0C4
- D9C3D3
- E6D7E1
- F2EBF0
Ombre
- 6D3661
- 5C2D52
- 4C2443
- 3C1B35
- 2D1327
- 1F0B1A
- 11050E
- 050104
- 010001
Toni
- 7F4773
- 804E74
- 805476
- 815B77
- 816179
- 81677A
- 816E7C
- 81747D
- 817A7F
Armonie di colore
Complementare +180°
- 7E4071
Bruise
- 116B3F
≈ Clover Green
Analogo -30° +30°
- 7E4071
Bruise
- 694889
≈ Lords of the Night
- 8A3D51
≈ Liaison
Triadico +120° +240°
- 7E4071
Bruise
- 6A5900
≈ Ayahuasca Vine
- 006577
≈ Atlantis Myth
Complementare divisa +150° +210°
- 7E4071
Bruise
- 4B6414
≈ Camouflage Green
- 006860
≈ Evergreen Forest
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.34:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.85:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--bruise: #7e4071;
--bruise-rgb: 126 64 113;
--bruise-oklch: oklch(0.467 0.108 335.6);
}
.element {
color: var(--bruise);
background-color: hsl(313 33% 37%);
border-color: oklch(0.467 0.108 335.6);
}Tailwind CSS v4
@theme {
--color-bruise: #7e4071;
--color-bruise-50: #ffeaff;
--color-bruise-100: #ffdbf5;
--color-bruise-200: #f3c3e5;
--color-bruise-300: #dca2cb;
--color-bruise-400: #c686b7;
--color-bruise-500: #b269a2;
--color-bruise-600: #965989;
--color-bruise-700: #79476d;
--color-bruise-800: #593352;
--color-bruise-900: #3e2339;
--color-bruise-950: #271223;
}SCSS
$bruise: #7e4071;
$bruise-rgb: 126, 64, 113;
$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);
}