#61B3DE Color (Hex and RGB)
#61B3DE
#61b3de has RGB values (97, 179, 222). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #61B3DE | R61GB3BDE | |
| RGB | rgb(97 179 222) | R97G179B222 | |
| HSL | hsl(201 65% 63%) | H201°S65%L63% | |
| OKLCH | oklch(73% 0.1 233) | L0.73C0.1H233° | |
| HSV | hsv(201, 56%, 87%) | H201°S56%V87% | |
| CMYK | cmyk(56%, 19%, 0%, 13%) | C56%M19%Y0%K13% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01100001 | 10110011 | 11011110 |
| Octal | 141 | 263 | 336 |
| Decimal | 97 | 179 | 222 |
| Hex | 61 | b3 | de |
Shades & tints
Shades mix #61B3DE with black; tints mix it with white. Click any swatch to explore it.
Shades
- #61B3DE0%
- #59A4CB9%
- #5195B817%
- #4885A526%
- #40769334%
- #38678043%
- #30586D51%
- #27485A59%
- #1F394768%
- #172A3477%
- #0F1B2185%
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
#61B3DE on #FFFFFF
2.33:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#61B3DE on #000000
9.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #61B3DE
2.33:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #61B3DE
9.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #61b3de; - Background
background-color: #61b3de; - CSS variable
--color-61b3de: #61b3de; - Modern CSS
color: oklch(73% 0.1 233); - SCSS
$color-61b3de: #61b3de; - Tailwind
bg-[#61b3de] text-[#61b3de] - HTML
<div style="background-color: #61b3de"></div>