#004B93 Color (Hex and RGB)
#004B93
#004b93 has RGB values (0, 75, 147). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #004B93 | R00G4BB93 | |
| RGB | rgb(0 75 147) | R0G75B147 | |
| HSL | hsl(209 100% 29%) | H209°S100%L29% | |
| OKLCH | oklch(42% 0.13 254) | L0.42C0.13H254° | |
| HSV | hsv(209, 100%, 58%) | H209°S100%V58% | |
| CMYK | cmyk(100%, 49%, 0%, 42%) | C100%M49%Y0%K42% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01001011 | 10010011 |
| Octal | 0 | 113 | 223 |
| Decimal | 0 | 75 | 147 |
| Hex | 00 | 4b | 93 |
Shades & tints
Shades mix #004B93 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #004B930%
- #0045879%
- #003E7A17%
- #00386E26%
- #00326134%
- #002B5543%
- #00254851%
- #001E3C59%
- #00182F68%
- #00122377%
- #000B1685%
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
#004B93 on #FFFFFF
8.65:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#004B93 on #000000
2.43:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #004B93
8.65:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #004B93
2.43:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #004b93; - Background
background-color: #004b93; - CSS variable
--color-004b93: #004b93; - Modern CSS
color: oklch(42% 0.13 254); - SCSS
$color-004b93: #004b93; - Tailwind
bg-[#004b93] text-[#004b93] - HTML
<div style="background-color: #004b93"></div>