#041E42 Color (Hex and RGB)
#041E42
#041e42 has RGB values (4, 30, 66). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #041E42 | R04G1EB42 | |
| RGB | rgb(4 30 66) | R4G30B66 | |
| HSL | hsl(215 89% 14%) | H215°S89%L14% | |
| OKLCH | oklch(24% 0.08 257) | L0.24C0.08H257° | |
| HSV | hsv(215, 94%, 26%) | H215°S94%V26% | |
| CMYK | cmyk(94%, 55%, 0%, 74%) | C94%M55%Y0%K74% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000100 | 00011110 | 01000010 |
| Octal | 4 | 36 | 102 |
| Decimal | 4 | 30 | 66 |
| Hex | 04 | 1e | 42 |
Shades & tints
Shades mix #041E42 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #041E420%
- #041B3C9%
- #03193717%
- #03163126%
- #03142C34%
- #02112643%
- #020F2051%
- #020C1B59%
- #010A1568%
- #01071077%
- #01050A85%
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
#041E42 on #FFFFFF
16.54:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#041E42 on #000000
1.27:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #041E42
16.54:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #041E42
1.27:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #041e42; - Background
background-color: #041e42; - CSS variable
--color-041e42: #041e42; - Modern CSS
color: oklch(24% 0.08 257); - SCSS
$color-041e42: #041e42; - Tailwind
bg-[#041e42] text-[#041e42] - HTML
<div style="background-color: #041e42"></div>