#2F3148 Color (Hex and RGB)
#2F3148
#2f3148 has RGB values (47, 49, 72). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2F3148 | R2FG31B48 | |
| RGB | rgb(47 49 72) | R47G49B72 | |
| HSL | hsl(235 21% 23%) | H235°S21%L23% | |
| OKLCH | oklch(32% 0.04 280) | L0.32C0.04H280° | |
| HSV | hsv(235, 35%, 28%) | H235°S35%V28% | |
| CMYK | cmyk(35%, 32%, 0%, 72%) | C35%M32%Y0%K72% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101111 | 00110001 | 01001000 |
| Octal | 57 | 61 | 110 |
| Decimal | 47 | 49 | 72 |
| Hex | 2f | 31 | 48 |
Shades & tints
Shades mix #2F3148 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2F31480%
- #2B2D429%
- #27293C17%
- #23253626%
- #1F203034%
- #1B1C2943%
- #17182351%
- #13141D59%
- #0F101768%
- #0B0C1177%
- #07070B85%
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
#2F3148 on #FFFFFF
12.70:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#2F3148 on #000000
1.65:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #2F3148
12.70:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #2F3148
1.65:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #2f3148; - Background
background-color: #2f3148; - CSS variable
--color-2f3148: #2f3148; - Modern CSS
color: oklch(32% 0.04 280); - SCSS
$color-2f3148: #2f3148; - Tailwind
bg-[#2f3148] text-[#2f3148] - HTML
<div style="background-color: #2f3148"></div>