#052D49 Color (Hex and RGB)
#052D49
#052d49 has RGB values (5, 45, 73). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #052D49 | R05G2DB49 | |
| RGB | rgb(5 45 73) | R5G45B73 | |
| HSL | hsl(205 87% 15%) | H205°S87%L15% | |
| OKLCH | oklch(29% 0.07 245) | L0.29C0.07H245° | |
| HSV | hsv(205, 93%, 29%) | H205°S93%V29% | |
| CMYK | cmyk(93%, 38%, 0%, 71%) | C93%M38%Y0%K71% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000101 | 00101101 | 01001001 |
| Octal | 5 | 55 | 111 |
| Decimal | 5 | 45 | 73 |
| Hex | 05 | 2d | 49 |
Shades & tints
Shades mix #052D49 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #052D490%
- #0529439%
- #04253D17%
- #04223626%
- #031E3034%
- #031A2A43%
- #02162451%
- #02121E59%
- #020E1768%
- #010B1177%
- #01070B85%
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
#052D49 on #FFFFFF
14.21:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#052D49 on #000000
1.48:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #052D49
14.21:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #052D49
1.48:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #052d49; - Background
background-color: #052d49; - CSS variable
--color-052d49: #052d49; - Modern CSS
color: oklch(29% 0.07 245); - SCSS
$color-052d49: #052d49; - Tailwind
bg-[#052d49] text-[#052d49] - HTML
<div style="background-color: #052d49"></div>