#3B9BCC Color (Hex and RGB)
#3B9BCC
#3b9bcc has RGB values (59, 155, 204). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3B9BCC | R3BG9BBCC | |
| RGB | rgb(59 155 204) | R59G155B204 | |
| HSL | hsl(200 59% 52%) | H200°S59%L52% | |
| OKLCH | oklch(65% 0.11 235) | L0.65C0.11H235° | |
| HSV | hsv(200, 71%, 80%) | H200°S71%V80% | |
| CMYK | cmyk(71%, 24%, 0%, 20%) | C71%M24%Y0%K20% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111011 | 10011011 | 11001100 |
| Octal | 73 | 233 | 314 |
| Decimal | 59 | 155 | 204 |
| Hex | 3b | 9b | cc |
Shades & tints
Shades mix #3B9BCC with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3B9BCC0%
- #368EBB9%
- #3181A917%
- #2C739826%
- #27668734%
- #22597543%
- #1D4C6451%
- #183F5359%
- #13324168%
- #0E243077%
- #09171F85%
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
#3B9BCC on #FFFFFF
3.11:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#3B9BCC on #000000
6.75:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #3B9BCC
3.11:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #3B9BCC
6.75:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #3b9bcc; - Background
background-color: #3b9bcc; - CSS variable
--color-3b9bcc: #3b9bcc; - Modern CSS
color: oklch(65% 0.11 235); - SCSS
$color-3b9bcc: #3b9bcc; - Tailwind
bg-[#3b9bcc] text-[#3b9bcc] - HTML
<div style="background-color: #3b9bcc"></div>