Astronomy
Rainbow Purple-Blue
Rainbow Purple-Blue
#6633FFClick to copy
Rainbow Purple-Blue Parameter Conversion Table
More converters →HEX#6633FFCopy
RGBrgb(102, 51, 255)Copy
HSLhsl(255, 100%, 60%)Copy
HSV/HSBhsv(255, 80%, 100%)Copy
CMYKcmyk(60%, 80%, 0%, 0%)Copy
Rainbow Purple-Blue Color Schemes
Complementary
#6633FF
Click to copy#CCFF33
Click to copyAnalogous
#3366FF
Click to copy#CC33FF
Click to copySplit Complementary
#FFCC33
Click to copy#66FF33
Click to copyMonochromatic
#6633FF
Click to copy#B6A1F7
Click to copy#FFFFFF
Click to copy#3300CC
Click to copy#1A0066
Click to copy#000000
Click to copyRainbow Purple-Blue WCAG Accessibility Contrast
WCAG Calculator →The contrast ratio of this color against common foreground/background colors (based on the WCAG 2.1 standard)
Sample text Aa
White background #FFFFFF
6.03 : 1
AA NormalAA LargeAAA NormalAAA Large
Sample text Aa
Black background #000000
3.48 : 1
AA NormalAA LargeAAA NormalAAA Large
Sample text Aa
Light gray background #F5F5F5
5.53 : 1
AA NormalAA LargeAAA NormalAAA Large
Sample text Aa
Dark gray background #333333
2.10 : 1
AA NormalAA LargeAAA NormalAAA Large
Rainbow Purple-Blue Shade Variants
Gradient Generator →Lighten with White Mixed with white for a lighter, softer color
10%
20%
30%
40%
50%
60%
70%
80%
90%
Darken with Black Mixed with black for a deeper, heavier color
10%
20%
30%
40%
50%
60%
70%
80%
90%
Muted / Morandi Mixed with gray and desaturated for a sophisticated muted tone
10%
20%
30%
40%
50%
60%
70%
80%
90%
Rainbow Purple-Blue Color Introduction
Definition
Rainbow Purple-Blue (HEX #6633FF) has the RGB value rgb(102, 51, 255), the HSL value hsl(255°, 100%, 60%) and the CMYK print value cmyk(60%, 80%, 0%, 0%). In terms of color schemes, the complement of Rainbow Purple-Blue is #CCFF33, and placing the two side by side produces a striking, eye-catching contrast; paired with the analogous colors #3366FF and #CC33FF that sit next to it on the color wheel, it transitions naturally and harmoniously; in a split-complementary scheme (#FFCC33, #66FF33) it keeps its contrast tension without losing layering; and a monochromatic scheme built on Rainbow Purple-Blue uses gradients of lightness and saturation to create a unified design with a strong sense of depth. Under the WCAG accessibility standard, Rainbow Purple-Blue has a contrast ratio of 6.03:1 against white and 3.48:1 against black; paired with a white background it reaches AA, giving body text good readability.
Color Characteristics
Purple sits between warm and cool, evoking lavender, amethyst and twilight. Mysterious and luxurious, it has long been associated with royalty and artistic creation. Specifically, Rainbow Purple-Blue has a lightness of 60% and a saturation of 100%, striking and generous as a background or primary color, offering good readability with either light or dark text; moreover, its saturation is extremely high and its visual tension is strong, so it works best used sparingly as a focal accent. In a word: The purple-blue transition in a rainbow, mysterious and noble.
Color Psychology
Purple can evoke romance, imagination and nobility, with a marked air of mystery; psychologically it symbolizes elegance, spirituality and creativity. For this reason Rainbow Purple-Blue tends to leave a first impression of being mysterious and elegant in the viewer’s mind, and this emotional tone also defines the role it plays in design.
Best Uses
Purple suits beauty and skincare, art exhibitions, mysterious themes and any scene that needs a sophisticated, romantic feel. In real projects, Rainbow Purple-Blue is also often used as a light background or supporting negative space; in “Purple”-themed designs, the adjacent colors or lightness gradients built around it quickly establish a cohesive, clearly layered color scheme.
Rainbow Purple-Blue Featured In
This color is included in the following color cards and color families. Click a card to browse more colors in the corresponding collection.
