#2091EB Color (Hex and RGB)
#2091EB
#2091eb has RGB values (32, 145, 235). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2091EB | R20G91BEB | |
| RGB | rgb(32 145 235) | R32G145B235 | |
| HSL | hsl(207 84% 52%) | H207°S84%L52% | |
| OKLCH | oklch(64% 0.16 249) | L0.64C0.16H249° | |
| HSV | hsv(207, 86%, 92%) | H207°S86%V92% | |
| CMYK | cmyk(86%, 38%, 0%, 8%) | C86%M38%Y0%K8% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100000 | 10010001 | 11101011 |
| Octal | 40 | 221 | 353 |
| Decimal | 32 | 145 | 235 |
| Hex | 20 | 91 | eb |
Shades & tints
Shades mix #2091EB with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2091EB0%
- #1D85D79%
- #1B78C317%
- #186CAF26%
- #15609B34%
- #12538743%
- #10477351%
- #0D3B5F59%
- #0A2E4B68%
- #08223777%
- #05162385%
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
#2091EB on #FFFFFF
3.33:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#2091EB on #000000
6.31:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2091EB
3.33:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #2091EB
6.31:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2091eb; - Background
background-color: #2091eb; - CSS variable
--color-2091eb: #2091eb; - Modern CSS
color: oklch(64% 0.16 249); - SCSS
$color-2091eb: #2091eb; - Tailwind
bg-[#2091eb] text-[#2091eb] - HTML
<div style="background-color: #2091eb"></div>