Blue-violet is a soothing color that blends the calm of blue with the vibrance of violet. It's nestled between blue and violet on the color wheel. This rich hue hints at periwinkle and lavender tones. Ideal for designs evoking trust and creativity.
Blue violet is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #8A2BE2
- RGB value: 54.1% red, 16.9% green, 88.6% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as blue violet, consider:
To complement Blue violet, consider pairing it with:
- Lemon (#FFF700): Lemon offers a bright, refreshing contrast to Blue violet, energizing the palette with its cheerful warmth.
- Soft Pink (#E89EB8): Soft pink harmonizes beautifully with Blue violet, balancing its cool intensity with a gentle and inviting hue.
- Ivory (#FFFFE3): Ivory provides a clean and soft backdrop, allowing Blue violet to stand out while adding a touch of elegance to the overall color palette.
- Mint Green (#ADEBB3): Mint green pairs well with Blue violet, combining cool tones to create a soothing and fresh aesthetic.
While Blue violet is a striking and versatile hue often featured in color palettes, it may clash with:
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Ethereal Burst
Enchanted Ember
Electric Orchid
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
5.96:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
3.52:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Fail
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #8A2BE2, known as Blue violet, has RGB values of R:138, G:43, B:226 and CMYK values of C:39, M:81, Y:0, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #8A2BE2 | #8A2BE2 |
| RGB DECIMAL | 138, 43, 226 | RGB(138,43,226) |
| RGB PERCENTAGE | 54.1, 16.9, 88.6 | RGB(54.1%,16.9%,88.6%) |
| CMYK | 39, 81, 0, 11 | |
| HSL | HSL(271.1, 75.9%, 52.7%) | HSL(271.1, 75.9%, 52.7%) |
| HSV (OR HSB) | 271.1°, 81.0, 88.6 | |
| WEB SAFE | #15351204 | #15351204 |
| BINARY | 10001010, 00101011, 11100010 | |
| iOS - SwiftUI | Color(red: 0.541, green: 0.169, blue: 0.886) | |
| iOS - UIKit | UIColor(red: 0.541, green: 0.169, blue: 0.886, alpha: 1) | |
| Android - Compose | Color(0xFF8A2BE2) |
