#20808D Color (Hex and RGB)
#20808D
#20808d has RGB values (32, 128, 141). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #20808D | R20G80B8D | |
| RGB | rgb(32 128 141) | R32G128B141 | |
| HSL | hsl(187 63% 34%) | H187°S63%L34% | |
| OKLCH | oklch(55% 0.09 209) | L0.55C0.09H209° | |
| HSV | hsv(187, 77%, 55%) | H187°S77%V55% | |
| CMYK | cmyk(77%, 9%, 0%, 45%) | C77%M9%Y0%K45% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100000 | 10000000 | 10001101 |
| Octal | 40 | 200 | 215 |
| Decimal | 32 | 128 | 141 |
| Hex | 20 | 80 | 8d |
Shades & tints
Shades mix #20808D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #20808D0%
- #1D75819%
- #1B6A7517%
- #185F6926%
- #15545D34%
- #124A5143%
- #103F4551%
- #0D343959%
- #0A292D68%
- #081E2177%
- #05131585%
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
#20808D on #FFFFFF
4.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#20808D on #000000
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #20808D
4.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #20808D
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #20808d; - Background
background-color: #20808d; - CSS variable
--color-20808d: #20808d; - Modern CSS
color: oklch(55% 0.09 209); - SCSS
$color-20808d: #20808d; - Tailwind
bg-[#20808d] text-[#20808d] - HTML
<div style="background-color: #20808d"></div>