#003580 Color (Hex and RGB)
#003580
#003580 has RGB values (0, 53, 128). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #003580 | R00G35B80 | |
| RGB | rgb(0 53 128) | R0G53B128 | |
| HSL | hsl(215 100% 25%) | H215°S100%L25% | |
| OKLCH | oklch(35% 0.14 259) | L0.35C0.14H259° | |
| HSV | hsv(215, 100%, 50%) | H215°S100%V50% | |
| CMYK | cmyk(100%, 59%, 0%, 50%) | C100%M59%Y0%K50% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 00110101 | 10000000 |
| Octal | 0 | 65 | 200 |
| Decimal | 0 | 53 | 128 |
| Hex | 00 | 35 | 80 |
Shades & tints
Shades mix #003580 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0035800%
- #0030759%
- #002C6A17%
- #00275F26%
- #00235434%
- #001E4A43%
- #001A3F51%
- #00153459%
- #00112968%
- #000C1E77%
- #00081385%
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
#003580 on #FFFFFF
11.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#003580 on #000000
1.82:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #003580
11.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #003580
1.82:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #003580; - Background
background-color: #003580; - CSS variable
--color-003580: #003580; - Modern CSS
color: oklch(35% 0.14 259); - SCSS
$color-003580: #003580; - Tailwind
bg-[#003580] text-[#003580] - HTML
<div style="background-color: #003580"></div>