Pale Blue is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7A7AFF, which equals rgb(122, 122, 255) in RGB and hsl(240, 100%, 74%) in HSL. In print terms it converts to roughly C52 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7A7AFF - RGB
122, 122, 255 - HSL
240°, 100%, 74% - CMYK
52, 52, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 6.06:1. Its complementary color is #FFFF7A.
Download Pale Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pale Blue color codes
| HEX | #7A7AFF |
|---|---|
| RGB | rgb(122, 122, 255) |
| HSL | hsl(240, 100%, 74%) |
| HSV | 240°, 52%, 100% |
| CMYK | 52%, 52%, 0%, 0% |
| Decimal | 8026879 |
Shades and tints of Pale Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9E9FF - 100
#D3D3FF - 200
#BDBDFF - 300
#A6A6FF - 400
#9090FF - 500
#7A7AFF - 600
#6666D5 - 700
#5151AA - 800
#3D3D80 - 900
#292955 - 950
#14142B
Color harmonies for Pale Blue
- Complementary
#FFFF7A≈ Pale Citron - Analogous −30°
#7ABDFF≈ Pale Azure - Analogous +30°
#BD7AFF≈ Pale Amethyst - Triadic +120°
#FF7A7A≈ Salmon - Triadic +240°
#7AFF7A≈ Pale Shamrock - Split 150°
#FFBD7A≈ Pale Tangerine - Split 210°
#BDFF7A≈ Pale Spring Bud
Contrast and accessibility of Pale Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Blue | Aa | 3.47:1 | AA Large only |
| Black text on Pale Blue | Aa | 6.06:1 | AA (good) |
CSS code for Pale Blue
background-color: #7A7AFF;color: #7A7AFF;background-color: rgb(122, 122, 255);background-color: hsl(240, 100%, 74%);:root { --color-pale-blue: #7A7AFF; }class="bg-[#7A7AFF]"Colors similar to Pale Blue
- Pale Ultramarine
#887AFF - Pale Royal
#7A88FF - Pale Bright Blue
#8888F2 - Pale Indigo
#957AFF - Medium Slate Blue
#7B68EE - Light Bright Cobalt
#637FEE - Light Bright Royal
#6371EE - Pale Bright Ultramarine
#9288F2 - Light Bright Indigo
#7F63EE - Pale Cobalt
#7A95FF - Light Bright Ultramarine
#7163EE - Pale Bright Royal
#8892F2
More blue shades
- Very Dark Blue
#00005C - Dark Blue Tone
#000085 - Deep Blue
#0000AD - Medium Dark Blue
#0000D6 - Medium Light Blue
#2929FF - Light Blue Tone
#5252FF - Very Pale Blue
#A3A3FF - Darkest Bright Blue
#05052E - Very Dark Bright Blue
#090953 - Dark Bright Blue
#0D0D77 - Deep Bright Blue
#11119C
Frequently asked questions
What is the HEX code for Pale Blue?
The HEX code for Pale Blue is #7A7AFF.
What is the RGB value of Pale Blue?
Pale Blue has an RGB value of 122, 122, 255 (rgb(122, 122, 255)). In HSL it is 240°, 100%, 74%.
What text color should I use on Pale Blue?
Use black text on Pale Blue. White text has a contrast ratio of 3.47:1 and black text has 6.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Blue?
The complementary color of Pale Blue is #FFFF7A. Analogous colors #7ABDFF and #BD7AFF also pair well.