#1E72BD Color (Hex and RGB)
#1E72BD
#1e72bd has RGB values (30, 114, 189). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1E72BD | R1EG72BBD | |
| RGB | rgb(30 114 189) | R30G114B189 | |
| HSL | hsl(208 73% 43%) | H208°S73%L43% | |
| OKLCH | oklch(54% 0.14 250) | L0.54C0.14H250° | |
| HSV | hsv(208, 84%, 74%) | H208°S84%V74% | |
| CMYK | cmyk(84%, 40%, 0%, 26%) | C84%M40%Y0%K26% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011110 | 01110010 | 10111101 |
| Octal | 36 | 162 | 275 |
| Decimal | 30 | 114 | 189 |
| Hex | 1e | 72 | bd |
Shades & tints
Shades mix #1E72BD with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1E72BD0%
- #1B68AD9%
- #195F9D17%
- #16558D26%
- #144B7D34%
- #11426D43%
- #0F385D51%
- #0C2E4D59%
- #0A243C68%
- #071B2C77%
- #05111C85%
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
#1E72BD on #FFFFFF
5.00:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#1E72BD on #000000
4.20:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #1E72BD
5.00:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #1E72BD
4.20:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #1e72bd; - Background
background-color: #1e72bd; - CSS variable
--color-1e72bd: #1e72bd; - Modern CSS
color: oklch(54% 0.14 250); - SCSS
$color-1e72bd: #1e72bd; - Tailwind
bg-[#1e72bd] text-[#1e72bd] - HTML
<div style="background-color: #1e72bd"></div>