Purple Blue, also known as periwinkle, is a delicate and intriguing shade that combines the calmness of blue with the depth of purple. Positioned between these two primary colors on the color wheel, it encompasses the serenity of a clear sky and the mystery of deep twilight. Its purple undertones add a hint of richness and sophistication, while its blue undertones evoke a feeling of tranquility and coolness. This softer, ethereal shade can add an element of surprise to designs, giving them a subtle, understated vibrancy. It can range from a calm pastel hue to a deep, more saturated tone, exhibiting a versatile palette that can inspire a variety of moods and feelings.
For variations within the same spectrum as purple blue, consider:
- Slate Blue (#557c99): Slate Blue shares a muted and cool tonal quality with Purple Blue. Its balanced mix of blue and gray brings out a similar soft elegance.
- Indigo (#560591): Indigo offers a deeper, more intense version of Purple Blue, with a rich blue-purple mix that captures the deep blue purple color essence.
- Purple Plum (#9C51B6): Purple Plum embraces a bluish purple color with its vibrant blend of purple and blue, echoing Purple Blue's vivid charm.
- Royal Purple (#6c3baa): Royal Purple shares a rich, bluish hue that resonates with the deep blue purple color, featuring a regal intensity akin to Purple Blue.
To complement Purple blue, consider pairing it with:
- Gold (#efbf04): Gold introduces warmth and richness, providing a stunning contrast to Purple blue's cool undertone.
- Mint green (#adebb3): Mint green adds a refreshing, light contrast that enhances the depth of Purple blue.
- Coral (#ff8559): Coral brings a lively and playful touch, harmonizing well with the deep blue-purple mood of Purple blue.
- Light yellow (#ffffc5): Light yellow offers a soft, luminous backdrop that balances the striking nature of Purple blue.
Other colors worth considering include lavender for a soft, complementary touch and periwinkle for a harmonious blend within the same spectrum.
While Purple blue is a captivating and vibrant color, its depth and intensity can lead to visual discord with these hues:
- Orange (#FFA500): The high contrast between purple blue's cool undertones and orange's warm brightness can be overly stark, often creating a clashing, high-energy vibe.
- Red-Orange (#FF4B33): The combination with red-orange's intensity can appear visually chaotic, as both colors vie for attention and create a dynamic but dissonant palette.
- Lime Green (#89F336): This bright, vivid green can be too vibrant against purple blue's deep tone, resulting in a jarring, high-contrast look that may be visually overwhelming.
- Cinnamon (#D47E30): The earthy, warm nature of cinnamon can create an uneven balance when paired with purple blue, leading to a palette that feels heavy and mismatched.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Serenity
Evening Blossom
Aurora Sky
Contrast 5.31
- Large Text
#6A5ACD
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.96
- Large Text
#6A5ACD
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #6D8196, known as slate, has RGB values of R:109, G:129, B:150 and CMYK values of C:0.27, M:0.14, Y:0, K:0.41.
| VALUE | CSS | |
|---|---|---|
| HEX | 6A5ACD | #2A52BE |
| RGB DECIMAL | (106, 90, 205) | rgb(42, 82, 190) |
| RGB PERCENTAGE | 41.6%, 35.3%, 80.4% | rgb(16.5, 32.2, 74.5) |
| CMYK | 48, 56, 0, 20 | |
| HSL | 248.3°, 56.1%, 80.4% | hsl(224, 64.1%, 45.5%) |
| HSV (OR HSB) | 248.3, 56.1%, 80.4% | |
| WEB SAFE | 6666CC | #3366CC |
| CIE-LAB | 42.0, 52.0, 63.0 | |
| XYZ | 25.0, 18.0, 12.0 | |
| xyY | 0.3, 0.4, 18.0 | |
| CIE-LCH | 36.759, 54.404, 277.699 | |
| CIE-LUV | 36.759, -21.713, -53.278 | |
| HUNTER-LAB | 32.195, -3.159, -53.113 | |
| BINARY | 01101010, 01011010, 11001101 | |
| iOS - SwiftUI | Color(red: 0.416, green: 0.353, blue: 0.804) | |
| iOS - UIKit | UIColor(red: 0.416, green: 0.353, blue: 0.804, alpha: 1) | |
| Android - Compose | Color(0xFF6A5ACD) |
