#632CA6 Color (Hex and RGB)
#632CA6
#632ca6 has RGB values (99, 44, 166). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #632CA6 | R63G2CBA6 | |
| RGB | rgb(99 44 166) | R99G44B166 | |
| HSL | hsl(267 58% 41%) | H267°S58%L41% | |
| OKLCH | oklch(44% 0.18 299) | L0.44C0.18H299° | |
| HSV | hsv(267, 73%, 65%) | H267°S73%V65% | |
| CMYK | cmyk(40%, 73%, 0%, 35%) | C40%M73%Y0%K35% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01100011 | 00101100 | 10100110 |
| Octal | 143 | 54 | 246 |
| Decimal | 99 | 44 | 166 |
| Hex | 63 | 2c | a6 |
Shades & tints
Shades mix #632CA6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #632CA60%
- #5B28989%
- #52258A17%
- #4A217C26%
- #411D6E34%
- #39195F43%
- #31165151%
- #28124359%
- #200E3568%
- #170A2777%
- #0F071985%
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
#632CA6 on #FFFFFF
8.60:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#632CA6 on #000000
2.44:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #632CA6
8.60:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #632CA6
2.44:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #632ca6; - Background
background-color: #632ca6; - CSS variable
--color-632ca6: #632ca6; - Modern CSS
color: oklch(44% 0.18 299); - SCSS
$color-632ca6: #632ca6; - Tailwind
bg-[#632ca6] text-[#632ca6] - HTML
<div style="background-color: #632ca6"></div>