#2D3E50 Color (Hex and RGB)
#2D3E50
#2d3e50 has RGB values (45, 62, 80). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2D3E50 | R2DG3EB50 | |
| RGB | rgb(45 62 80) | R45G62B80 | |
| HSL | hsl(211 28% 25%) | H211°S28%L25% | |
| OKLCH | oklch(36% 0.04 250) | L0.36C0.04H250° | |
| HSV | hsv(211, 44%, 31%) | H211°S44%V31% | |
| CMYK | cmyk(44%, 22%, 0%, 69%) | C44%M22%Y0%K69% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101101 | 00111110 | 01010000 |
| Octal | 55 | 76 | 120 |
| Decimal | 45 | 62 | 80 |
| Hex | 2d | 3e | 50 |
Shades & tints
Shades mix #2D3E50 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2D3E500%
- #2939499%
- #25334217%
- #222E3C26%
- #1E293534%
- #1A242E43%
- #161E2751%
- #12192059%
- #0E141A68%
- #0B0F1377%
- #07090C85%
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
#2D3E50 on #FFFFFF
10.96:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#2D3E50 on #000000
1.92:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #2D3E50
10.96:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #2D3E50
1.92:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #2d3e50; - Background
background-color: #2d3e50; - CSS variable
--color-2d3e50: #2d3e50; - Modern CSS
color: oklch(36% 0.04 250); - SCSS
$color-2d3e50: #2d3e50; - Tailwind
bg-[#2d3e50] text-[#2d3e50] - HTML
<div style="background-color: #2d3e50"></div>