#7552CC Color (Hex and RGB)
#7552CC
#7552cc has RGB values (117, 82, 204). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #7552CC | R75G52BCC | |
| RGB | rgb(117 82 204) | R117G82B204 | |
| HSL | hsl(257 54% 56%) | H257°S54%L56% | |
| OKLCH | oklch(54% 0.18 293) | L0.54C0.18H293° | |
| HSV | hsv(257, 60%, 80%) | H257°S60%V80% | |
| CMYK | cmyk(43%, 60%, 0%, 20%) | C43%M60%Y0%K20% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01110101 | 01010010 | 11001100 |
| Octal | 165 | 122 | 314 |
| Decimal | 117 | 82 | 204 |
| Hex | 75 | 52 | cc |
Shades & tints
Shades mix #7552CC with black; tints mix it with white. Click any swatch to explore it.
Shades
- #7552CC0%
- #6B4BBB9%
- #6144A917%
- #573D9826%
- #4D368734%
- #432F7543%
- #39286451%
- #2F215359%
- #251A4168%
- #1B133077%
- #120C1F85%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#7552CC on #FFFFFF
5.48:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#7552CC on #000000
3.84:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #7552CC
5.48:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #7552CC
3.84:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #7552cc; - Background
background-color: #7552cc; - CSS variable
--color-7552cc: #7552cc; - Modern CSS
color: oklch(54% 0.18 293); - SCSS
$color-7552cc: #7552cc; - Tailwind
bg-[#7552cc] text-[#7552cc] - HTML
<div style="background-color: #7552cc"></div>