#1F4FA3 Color (Hex and RGB)
#1F4FA3
#1f4fa3 has RGB values (31, 79, 163). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1F4FA3 | R1FG4FBA3 | |
| RGB | rgb(31 79 163) | R31G79B163 | |
| HSL | hsl(218 68% 38%) | H218°S68%L38% | |
| OKLCH | oklch(45% 0.15 261) | L0.45C0.15H261° | |
| HSV | hsv(218, 81%, 64%) | H218°S81%V64% | |
| CMYK | cmyk(81%, 52%, 0%, 36%) | C81%M52%Y0%K36% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011111 | 01001111 | 10100011 |
| Octal | 37 | 117 | 243 |
| Decimal | 31 | 79 | 163 |
| Hex | 1f | 4f | a3 |
Shades & tints
Shades mix #1F4FA3 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1F4FA30%
- #1C48959%
- #1A428717%
- #173B7926%
- #14346C34%
- #122D5E43%
- #0F275051%
- #0D204259%
- #0A193468%
- #07132677%
- #050C1885%
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
#1F4FA3 on #FFFFFF
7.76:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#1F4FA3 on #000000
2.71:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #1F4FA3
7.76:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #1F4FA3
2.71:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #1f4fa3; - Background
background-color: #1f4fa3; - CSS variable
--color-1f4fa3: #1f4fa3; - Modern CSS
color: oklch(45% 0.15 261); - SCSS
$color-1f4fa3: #1f4fa3; - Tailwind
bg-[#1f4fa3] text-[#1f4fa3] - HTML
<div style="background-color: #1f4fa3"></div>