#401F68 Color (Hex and RGB)
#401F68
#401f68 has RGB values (64, 31, 104). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #401F68 | R40G1FB68 | |
| RGB | rgb(64 31 104) | R64G31B104 | |
| HSL | hsl(267 54% 26%) | H267°S54%L26% | |
| OKLCH | oklch(33% 0.12 301) | L0.33C0.12H301° | |
| HSV | hsv(267, 70%, 41%) | H267°S70%V41% | |
| CMYK | cmyk(38%, 70%, 0%, 59%) | C38%M70%Y0%K59% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000000 | 00011111 | 01101000 |
| Octal | 100 | 37 | 150 |
| Decimal | 64 | 31 | 104 |
| Hex | 40 | 1f | 68 |
Shades & tints
Shades mix #401F68 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #401F680%
- #3B1C5F9%
- #351A5617%
- #30174D26%
- #2A144534%
- #25123C43%
- #1F0F3351%
- #1A0D2A59%
- #140A2168%
- #0F071877%
- #0A051085%
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
#401F68 on #FFFFFF
13.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#401F68 on #000000
1.61:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #401F68
13.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #401F68
1.61:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #401f68; - Background
background-color: #401f68; - CSS variable
--color-401f68: #401f68; - Modern CSS
color: oklch(33% 0.12 301); - SCSS
$color-401f68: #401f68; - Tailwind
bg-[#401f68] text-[#401f68] - HTML
<div style="background-color: #401f68"></div>