#1F36C7 Color (Hex and RGB)
#1F36C7
#1f36c7 has RGB values (31, 54, 199). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1F36C7 | R1FG36BC7 | |
| RGB | rgb(31 54 199) | R31G54B199 | |
| HSL | hsl(232 73% 45%) | H232°S73%L45% | |
| OKLCH | oklch(43% 0.22 267) | L0.43C0.22H267° | |
| HSV | hsv(232, 84%, 78%) | H232°S84%V78% | |
| CMYK | cmyk(84%, 73%, 0%, 22%) | C84%M73%Y0%K22% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011111 | 00110110 | 11000111 |
| Octal | 37 | 66 | 307 |
| Decimal | 31 | 54 | 199 |
| Hex | 1f | 36 | c7 |
Shades & tints
Shades mix #1F36C7 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1F36C70%
- #1C31B69%
- #1A2DA517%
- #17289426%
- #14248334%
- #121F7243%
- #0F1A6251%
- #0D165159%
- #0A114068%
- #070D2F77%
- #05081E85%
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
#1F36C7 on #FFFFFF
8.71:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#1F36C7 on #000000
2.41:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #1F36C7
8.71:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #1F36C7
2.41:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #1f36c7; - Background
background-color: #1f36c7; - CSS variable
--color-1f36c7: #1f36c7; - Modern CSS
color: oklch(43% 0.22 267); - SCSS
$color-1f36c7: #1f36c7; - Tailwind
bg-[#1f36c7] text-[#1f36c7] - HTML
<div style="background-color: #1f36c7"></div>