#31577A Color (Hex and RGB)
#31577A
#31577a has RGB values (49, 87, 122). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #31577A | R31G57B7A | |
| RGB | rgb(49 87 122) | R49G87B122 | |
| HSL | hsl(209 43% 34%) | H209°S43%L34% | |
| OKLCH | oklch(44% 0.07 248) | L0.44C0.07H248° | |
| HSV | hsv(209, 60%, 48%) | H209°S60%V48% | |
| CMYK | cmyk(60%, 29%, 0%, 52%) | C60%M29%Y0%K52% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110001 | 01010111 | 01111010 |
| Octal | 61 | 127 | 172 |
| Decimal | 49 | 87 | 122 |
| Hex | 31 | 57 | 7a |
Shades & tints
Shades mix #31577A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #31577A0%
- #2D50709%
- #29486517%
- #25415B26%
- #20395134%
- #1C324643%
- #182B3C51%
- #14233159%
- #101C2768%
- #0C141D77%
- #070D1285%
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
#31577A on #FFFFFF
7.57:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#31577A on #000000
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #31577A
7.57:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #31577A
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #31577a; - Background
background-color: #31577a; - CSS variable
--color-31577a: #31577a; - Modern CSS
color: oklch(44% 0.07 248); - SCSS
$color-31577a: #31577a; - Tailwind
bg-[#31577a] text-[#31577a] - HTML
<div style="background-color: #31577a"></div>