#405DE6 Color (Hex and RGB)
#405DE6
#405de6 has RGB values (64, 93, 230). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #405DE6 | R40G5DBE6 | |
| RGB | rgb(64 93 230) | R64G93B230 | |
| HSL | hsl(230 77% 58%) | H230°S77%L58% | |
| OKLCH | oklch(54% 0.21 269) | L0.54C0.21H269° | |
| HSV | hsv(230, 72%, 90%) | H230°S72%V90% | |
| CMYK | cmyk(72%, 60%, 0%, 10%) | C72%M60%Y0%K10% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000000 | 01011101 | 11100110 |
| Octal | 100 | 135 | 346 |
| Decimal | 64 | 93 | 230 |
| Hex | 40 | 5d | e6 |
Shades & tints
Shades mix #405DE6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #405DE60%
- #3B55D29%
- #354DBF17%
- #3045AB26%
- #2A3D9834%
- #25358443%
- #1F2E7151%
- #1A265D59%
- #141E4A68%
- #0F163677%
- #0A0E2385%
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
#405DE6 on #FFFFFF
5.35:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#405DE6 on #000000
3.93:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #405DE6
5.35:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #405DE6
3.93:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #405de6; - Background
background-color: #405de6; - CSS variable
--color-405de6: #405de6; - Modern CSS
color: oklch(54% 0.21 269); - SCSS
$color-405de6: #405de6; - Tailwind
bg-[#405de6] text-[#405de6] - HTML
<div style="background-color: #405de6"></div>