#576396 Color (Hex and RGB)
#576396
#576396 has RGB values (87, 99, 150). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #576396 | R57G63B96 | |
| RGB | rgb(87 99 150) | R87G99B150 | |
| HSL | hsl(229 27% 46%) | H229°S27%L46% | |
| OKLCH | oklch(51% 0.08 273) | L0.51C0.08H273° | |
| HSV | hsv(229, 42%, 59%) | H229°S42%V59% | |
| CMYK | cmyk(42%, 34%, 0%, 41%) | C42%M34%Y0%K41% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01010111 | 01100011 | 10010110 |
| Octal | 127 | 143 | 226 |
| Decimal | 87 | 99 | 150 |
| Hex | 57 | 63 | 96 |
Shades & tints
Shades mix #576396 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5763960%
- #505B899%
- #48527D17%
- #414A7026%
- #39416334%
- #32395643%
- #2B314A51%
- #23283D59%
- #1C203068%
- #14172377%
- #0D0F1785%
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
#576396 on #FFFFFF
5.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#576396 on #000000
3.63:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #576396
5.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #576396
3.63:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #576396; - Background
background-color: #576396; - CSS variable
--color-576396: #576396; - Modern CSS
color: oklch(51% 0.08 273); - SCSS
$color-576396: #576396; - Tailwind
bg-[#576396] text-[#576396] - HTML
<div style="background-color: #576396"></div>