Figma color wheel
Want to find the perfect complementary or analogous colors to match slate?
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.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Serenity
Evening Blossom
Aurora Sky
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.
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) |
