Benannte Farbe · #7E4071
Bruise
Bruise ist #7E4071: rgb(126 64 113), hsl(313 33% 37%), oklch(0.467 0.108 335.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Bruise color name →
#7E4071
oklch(0.467 0.108 335.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 8B527E
- 98648C
- A5779A
- B28AA8
- BF9CB6
- CCB0C4
- D9C3D3
- E6D7E1
- F2EBF0
Shades
- 6D3661
- 5C2D52
- 4C2443
- 3C1B35
- 2D1327
- 1F0B1A
- 11050E
- 050104
- 010001
Tones
- 7F4773
- 804E74
- 805476
- 815B77
- 816179
- 81677A
- 816E7C
- 81747D
- 817A7F
Farbharmonien
Komplementär +180°
- 7E4071
Bruise
- 116B3F
≈ Clover Green
Analog -30° +30°
- 7E4071
Bruise
- 694889
≈ Lords of the Night
- 8A3D51
≈ Liaison
Triadisch +120° +240°
- 7E4071
Bruise
- 6A5900
≈ Ayahuasca Vine
- 006577
≈ Atlantis Myth
Geteilt komplementär +150° +210°
- 7E4071
Bruise
- 4B6414
≈ Camouflage Green
- 006860
≈ Evergreen Forest
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.34:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.85:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
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);
}