#77A8BB Color (Hex and RGB)
#77A8BB
#77a8bb has RGB values (119, 168, 187). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #77A8BB | R77GA8BBB | |
| RGB | rgb(119 168 187) | R119G168B187 | |
| HSL | hsl(197 33% 60%) | H197°S33%L60% | |
| OKLCH | oklch(70% 0.06 224) | L0.7C0.06H224° | |
| HSV | hsv(197, 36%, 73%) | H197°S36%V73% | |
| CMYK | cmyk(36%, 10%, 0%, 27%) | C36%M10%Y0%K27% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01110111 | 10101000 | 10111011 |
| Octal | 167 | 250 | 273 |
| Decimal | 119 | 168 | 187 |
| Hex | 77 | a8 | bb |
Shades & tints
Shades mix #77A8BB with black; tints mix it with white. Click any swatch to explore it.
Shades
- #77A8BB0%
- #6D9AAB9%
- #638B9B17%
- #597D8B26%
- #4F6F7B34%
- #44616C43%
- #3A525C51%
- #30444C59%
- #26363C68%
- #1C272C77%
- #12191C85%
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
#77A8BB on #FFFFFF
2.59:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#77A8BB on #000000
8.10:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #77A8BB
2.59:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #77A8BB
8.10:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #77a8bb; - Background
background-color: #77a8bb; - CSS variable
--color-77a8bb: #77a8bb; - Modern CSS
color: oklch(70% 0.06 224); - SCSS
$color-77a8bb: #77a8bb; - Tailwind
bg-[#77a8bb] text-[#77a8bb] - HTML
<div style="background-color: #77a8bb"></div>