#2D72D9 Color (Hex and RGB)
#2D72D9
#2d72d9 has RGB values (45, 114, 217). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2D72D9 | R2DG72BD9 | |
| RGB | rgb(45 114 217) | R45G114B217 | |
| HSL | hsl(216 69% 51%) | H216°S69%L51% | |
| OKLCH | oklch(57% 0.17 259) | L0.57C0.17H259° | |
| HSV | hsv(216, 79%, 85%) | H216°S79%V85% | |
| CMYK | cmyk(79%, 47%, 0%, 15%) | C79%M47%Y0%K15% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101101 | 01110010 | 11011001 |
| Octal | 55 | 162 | 331 |
| Decimal | 45 | 114 | 217 |
| Hex | 2d | 72 | d9 |
Shades & tints
Shades mix #2D72D9 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2D72D90%
- #2968C79%
- #255FB417%
- #2255A226%
- #1E4B8F34%
- #1A427D43%
- #16386A51%
- #122E5859%
- #0E244568%
- #0B1B3377%
- #07112185%
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
#2D72D9 on #FFFFFF
4.65:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#2D72D9 on #000000
4.52:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2D72D9
4.65:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #2D72D9
4.52:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2d72d9; - Background
background-color: #2d72d9; - CSS variable
--color-2d72d9: #2d72d9; - Modern CSS
color: oklch(57% 0.17 259); - SCSS
$color-2d72d9: #2d72d9; - Tailwind
bg-[#2d72d9] text-[#2d72d9] - HTML
<div style="background-color: #2d72d9"></div>