#0271BB Color (Hex and RGB)
#0271BB
#0271bb has RGB values (2, 113, 187). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0271BB | R02G71BBB | |
| RGB | rgb(2 113 187) | R2G113B187 | |
| HSL | hsl(204 98% 37%) | H204°S98%L37% | |
| OKLCH | oklch(54% 0.14 248) | L0.54C0.14H248° | |
| HSV | hsv(204, 99%, 73%) | H204°S99%V73% | |
| CMYK | cmyk(99%, 40%, 0%, 27%) | C99%M40%Y0%K27% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000010 | 01110001 | 10111011 |
| Octal | 2 | 161 | 273 |
| Decimal | 2 | 113 | 187 |
| Hex | 02 | 71 | bb |
Shades & tints
Shades mix #0271BB with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0271BB0%
- #0267AB9%
- #025E9B17%
- #01548B26%
- #014B7B34%
- #01416C43%
- #01375C51%
- #012E4C59%
- #01243C68%
- #001B2C77%
- #00111C85%
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
#0271BB on #FFFFFF
5.14:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#0271BB on #000000
4.08:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #0271BB
5.14:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #0271BB
4.08:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #0271bb; - Background
background-color: #0271bb; - CSS variable
--color-0271bb: #0271bb; - Modern CSS
color: oklch(54% 0.14 248); - SCSS
$color-0271bb: #0271bb; - Tailwind
bg-[#0271bb] text-[#0271bb] - HTML
<div style="background-color: #0271bb"></div>