#4F46E5 Color (Hex and RGB)
#4F46E5
#4f46e5 has RGB values (79, 70, 229). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #4F46E5 | R4FG46BE5 | |
| RGB | rgb(79 70 229) | R79G70B229 | |
| HSL | hsl(243 75% 59%) | H243°S75%L59% | |
| OKLCH | oklch(51% 0.23 277) | L0.51C0.23H277° | |
| HSV | hsv(243, 69%, 90%) | H243°S69%V90% | |
| CMYK | cmyk(66%, 69%, 0%, 10%) | C66%M69%Y0%K10% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01001111 | 01000110 | 11100101 |
| Octal | 117 | 106 | 345 |
| Decimal | 79 | 70 | 229 |
| Hex | 4f | 46 | e5 |
Shades & tints
Shades mix #4F46E5 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4F46E50%
- #4840D29%
- #423ABE17%
- #3B34AB26%
- #342E9734%
- #2D288443%
- #27227051%
- #201C5D59%
- #19164968%
- #13103677%
- #0C0B2285%
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
#4F46E5 on #FFFFFF
6.29:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#4F46E5 on #000000
3.34:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #4F46E5
6.29:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #4F46E5
3.34:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #4f46e5; - Background
background-color: #4f46e5; - CSS variable
--color-4f46e5: #4f46e5; - Modern CSS
color: oklch(51% 0.23 277); - SCSS
$color-4f46e5: #4f46e5; - Tailwind
bg-[#4f46e5] text-[#4f46e5] - HTML
<div style="background-color: #4f46e5"></div>