Nearest named color · #7B3975
#7B3975
Nearest named color: Bruise
#7B3975 (rgb(123 57 117), hsl(305 37% 35%), oklch(0.454 0.121 330.9)) is closest to the named color Bruise. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7B3975
oklch(0.454 0.121 330.9)
Color conversions
- HEX
- #7b3975
- RGB
- rgb(123 57 117)
- HSL
- hsl(305 37% 35%)
- HWB
- hwb(305 22% 52%)
- OKLCH
- oklch(0.454 0.121 330.9)
- OKLab
- oklab(0.454 0.106 -0.059)
- CIE Lab
- lab(34.84 35.64 -21.4)
- LCH
- lch(34.84 41.57 329)
- CMYK
- cmyk(0% 54% 5% 52%)
Tints · Shades · Tones
Tints
- 894C82
- 965F90
- A3729D
- B086AB
- BE99B9
- CBADC6
- D8C1D4
- E5D5E2
- F2EAF1
Shades
- 6A3065
- 5A2855
- 4A1F46
- 3A1737
- 2C1029
- 1E091C
- 10040F
- 050105
- 010001
Tones
- 7C4176
- 7D4978
- 7E5079
- 7F577A
- 805E7B
- 80657C
- 806C7D
- 80737E
- 80797F
Color harmonies
Complementary +180°
- 7B3975
Bruise
- 026830
≈ Treasured Wilderness
Analogous -30° +30°
- 7B3975
Bruise
- 62438E
≈ Lords of the Night
- 8A3352
≈ That’s My Jam
Triadic +120° +240°
- 7B3975
Bruise
- 6A5300
≈ Ayahuasca Vine
- 00626F
≈ Blue Lagoon
Split-complementary +150° +210°
- 7B3975
Bruise
- 4E5F00
≈ Camouflage Green
- 006559
≈ Arizona Stone
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.82:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.68:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--bruise: #7b3975;
--bruise-rgb: 123 57 117;
--bruise-oklch: oklch(0.454 0.121 330.9);
}
.element {
color: var(--bruise);
background-color: hsl(305 37% 35%);
border-color: oklch(0.454 0.121 330.9);
}Tailwind CSS v4
@theme {
--color-bruise: #7b3975;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdafa;
--color-bruise-200: #f5c2eb;
--color-bruise-300: #dda0d2;
--color-bruise-400: #c783c0;
--color-bruise-500: #b366ab;
--color-bruise-600: #975690;
--color-bruise-700: #794574;
--color-bruise-800: #593257;
--color-bruise-900: #3e223d;
--color-bruise-950: #271126;
}SCSS
$bruise: #7b3975;
$bruise-rgb: 123, 57, 117;
$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);
}