#2C5770 Color (Hex and RGB)
#2C5770
#2c5770 has RGB values (44, 87, 112). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2C5770 | R2CG57B70 | |
| RGB | rgb(44 87 112) | R44G87B112 | |
| HSL | hsl(202 44% 31%) | H202°S44%L31% | |
| OKLCH | oklch(44% 0.06 236) | L0.44C0.06H236° | |
| HSV | hsv(202, 61%, 44%) | H202°S61%V44% | |
| CMYK | cmyk(61%, 22%, 0%, 56%) | C61%M22%Y0%K56% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101100 | 01010111 | 01110000 |
| Octal | 54 | 127 | 160 |
| Decimal | 44 | 87 | 112 |
| Hex | 2c | 57 | 70 |
Shades & tints
Shades mix #2C5770 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2C57700%
- #2850669%
- #25485D17%
- #21415326%
- #1D394A34%
- #19324043%
- #162B3751%
- #12232D59%
- #0E1C2468%
- #0A141A77%
- #070D1185%
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
#2C5770 on #FFFFFF
7.77:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#2C5770 on #000000
2.70:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #2C5770
7.77:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #2C5770
2.70:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #2c5770; - Background
background-color: #2c5770; - CSS variable
--color-2c5770: #2c5770; - Modern CSS
color: oklch(44% 0.06 236); - SCSS
$color-2c5770: #2c5770; - Tailwind
bg-[#2c5770] text-[#2c5770] - HTML
<div style="background-color: #2c5770"></div>