#2774A6 Color (Hex and RGB)
#2774A6
#2774a6 has RGB values (39, 116, 166). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2774A6 | R27G74BA6 | |
| RGB | rgb(39 116 166) | R39G116B166 | |
| HSL | hsl(204 62% 40%) | H204°S62%L40% | |
| OKLCH | oklch(54% 0.11 242) | L0.54C0.11H242° | |
| HSV | hsv(204, 77%, 65%) | H204°S77%V65% | |
| CMYK | cmyk(77%, 30%, 0%, 35%) | C77%M30%Y0%K35% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100111 | 01110100 | 10100110 |
| Octal | 47 | 164 | 246 |
| Decimal | 39 | 116 | 166 |
| Hex | 27 | 74 | a6 |
Shades & tints
Shades mix #2774A6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2774A60%
- #246A989%
- #20608A17%
- #1D567C26%
- #1A4D6E34%
- #16435F43%
- #13395151%
- #102F4359%
- #0C253568%
- #091B2777%
- #06111985%
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
#2774A6 on #FFFFFF
5.08:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#2774A6 on #000000
4.14:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #2774A6
5.08:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #2774A6
4.14:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #2774a6; - Background
background-color: #2774a6; - CSS variable
--color-2774a6: #2774a6; - Modern CSS
color: oklch(54% 0.11 242); - SCSS
$color-2774a6: #2774a6; - Tailwind
bg-[#2774a6] text-[#2774a6] - HTML
<div style="background-color: #2774a6"></div>