#5BC2E7 Color (Hex and RGB)
#5BC2E7
#5bc2e7 has RGB values (91, 194, 231). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #5BC2E7 | R5BGC2BE7 | |
| RGB | rgb(91 194 231) | R91G194B231 | |
| HSL | hsl(196 74% 63%) | H196°S74%L63% | |
| OKLCH | oklch(77% 0.11 225) | L0.77C0.11H225° | |
| HSV | hsv(196, 61%, 91%) | H196°S61%V91% | |
| CMYK | cmyk(61%, 16%, 0%, 9%) | C61%M16%Y0%K9% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01011011 | 11000010 | 11100111 |
| Octal | 133 | 302 | 347 |
| Decimal | 91 | 194 | 231 |
| Hex | 5b | c2 | e7 |
Shades & tints
Shades mix #5BC2E7 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5BC2E70%
- #53B2D39%
- #4CA1C017%
- #4491AC26%
- #3C809834%
- #34708543%
- #2D5F7151%
- #254F5E59%
- #1D3E4A68%
- #152E3677%
- #0E1D2385%
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
#5BC2E7 on #FFFFFF
2.04:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#5BC2E7 on #000000
10.32:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #5BC2E7
2.04:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #5BC2E7
10.32:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #5bc2e7; - Background
background-color: #5bc2e7; - CSS variable
--color-5bc2e7: #5bc2e7; - Modern CSS
color: oklch(77% 0.11 225); - SCSS
$color-5bc2e7: #5bc2e7; - Tailwind
bg-[#5bc2e7] text-[#5bc2e7] - HTML
<div style="background-color: #5bc2e7"></div>