#40B4E5 Color (Hex and RGB)
#40B4E5
#40b4e5 has RGB values (64, 180, 229). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #40B4E5 | R40GB4BE5 | |
| RGB | rgb(64 180 229) | R64G180B229 | |
| HSL | hsl(198 76% 57%) | H198°S76%L57% | |
| OKLCH | oklch(73% 0.12 230) | L0.73C0.12H230° | |
| HSV | hsv(198, 72%, 90%) | H198°S72%V90% | |
| CMYK | cmyk(72%, 21%, 0%, 10%) | C72%M21%Y0%K10% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000000 | 10110100 | 11100101 |
| Octal | 100 | 264 | 345 |
| Decimal | 64 | 180 | 229 |
| Hex | 40 | b4 | e5 |
Shades & tints
Shades mix #40B4E5 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #40B4E50%
- #3BA5D29%
- #3595BE17%
- #3086AB26%
- #2A779734%
- #25688443%
- #1F587051%
- #1A495D59%
- #143A4968%
- #0F2A3677%
- #0A1B2285%
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
#40B4E5 on #FFFFFF
2.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#40B4E5 on #000000
8.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #40B4E5
2.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #40B4E5
8.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #40b4e5; - Background
background-color: #40b4e5; - CSS variable
--color-40b4e5: #40b4e5; - Modern CSS
color: oklch(73% 0.12 230); - SCSS
$color-40b4e5: #40b4e5; - Tailwind
bg-[#40b4e5] text-[#40b4e5] - HTML
<div style="background-color: #40b4e5"></div>