#0080C9 Color (Hex and RGB)
#0080C9
#0080c9 has RGB values (0, 128, 201). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0080C9 | R00G80BC9 | |
| RGB | rgb(0 128 201) | R0G128B201 | |
| HSL | hsl(202 100% 39%) | H202°S100%L39% | |
| OKLCH | oklch(58% 0.14 245) | L0.58C0.14H245° | |
| HSV | hsv(202, 100%, 79%) | H202°S100%V79% | |
| CMYK | cmyk(100%, 36%, 0%, 21%) | C100%M36%Y0%K21% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10000000 | 11001001 |
| Octal | 0 | 200 | 311 |
| Decimal | 0 | 128 | 201 |
| Hex | 00 | 80 | c9 |
Shades & tints
Shades mix #0080C9 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0080C90%
- #0075B89%
- #006AA717%
- #005F9626%
- #00548534%
- #004A7443%
- #003F6251%
- #00345159%
- #00294068%
- #001E2F77%
- #00131E85%
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
#0080C9 on #FFFFFF
4.26:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#0080C9 on #000000
4.93:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #0080C9
4.26:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #0080C9
4.93:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #0080c9; - Background
background-color: #0080c9; - CSS variable
--color-0080c9: #0080c9; - Modern CSS
color: oklch(58% 0.14 245); - SCSS
$color-0080c9: #0080c9; - Tailwind
bg-[#0080c9] text-[#0080c9] - HTML
<div style="background-color: #0080c9"></div>