Pale Royal is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7A88FF, which equals rgb(122, 136, 255) in RGB and hsl(234, 100%, 74%) in HSL. In print terms it converts to roughly C52 M47 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7A88FF - RGB
122, 136, 255 - HSL
234°, 100%, 74% - CMYK
52, 47, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Royal
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 6.79:1. Its complementary color is #FFF27A.
Download Pale Royal 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 Royal color codes
| HEX | #7A88FF |
|---|---|
| RGB | rgb(122, 136, 255) |
| HSL | hsl(234, 100%, 74%) |
| HSV | 234°, 52%, 100% |
| CMYK | 52%, 47%, 0%, 0% |
| Decimal | 8030463 |
Shades and tints of Pale Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9EBFF - 100
#D3D7FF - 200
#BDC4FF - 300
#A6B0FF - 400
#909CFF - 500
#7A88FF - 600
#6671D5 - 700
#515BAA - 800
#3D4480 - 900
#292D55 - 950
#14172B
Color harmonies for Pale Royal
- Complementary
#FFF27A≈ Pale Yellow - Analogous −30°
#7ACAFF≈ Light Sky Blue - Analogous +30°
#AF7AFF≈ Pale Iris - Triadic +120°
#FF7A88≈ Pale Crimson - Triadic +240°
#88FF7A≈ Pale Clover - Split 150°
#FFAF7A≈ Pale Cinnabar - Split 210°
#CAFF7A≈ Pale Apple
Contrast and accessibility of Pale Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Royal | Aa | 3.09:1 | AA Large only |
| Black text on Pale Royal | Aa | 6.79:1 | AA (good) |
CSS code for Pale Royal
background-color: #7A88FF;color: #7A88FF;background-color: rgb(122, 136, 255);background-color: hsl(234, 100%, 74%);:root { --color-pale-royal: #7A88FF; }class="bg-[#7A88FF]"Colors similar to Pale Royal
- Pale Cobalt
#7A95FF - Pale Blue
#7A7AFF - Pale Bright Blue
#8888F2 - Pale Ultramarine
#887AFF - Pale Bright Royal
#8892F2 - Pale Bright Ultramarine
#9288F2 - Light Bright Sapphire
#638DEE - Light Bright Cobalt
#637FEE - Pale Indigo
#957AFF - Pale Bright Cobalt
#889DF2 - Cornflower Blue
#6495ED - Pale Sapphire
#7AA2FF
More blue shades
- Dark Royal
#000D85 - Deep Royal
#0011AD - Medium Dark Royal
#0015D6 - Pure Royal
#0019FF - Medium Light Royal
#293EFF - Light Royal
#5263FF - Very Pale Royal
#A3ACFF - Palest Royal
#CCD1FF - Darkest Bright Royal
#05092E - Very Dark Bright Royal
#091153 - Dark Bright Royal
#0D1877
Frequently asked questions
What is the HEX code for Pale Royal?
The HEX code for Pale Royal is #7A88FF.
What is the RGB value of Pale Royal?
Pale Royal has an RGB value of 122, 136, 255 (rgb(122, 136, 255)). In HSL it is 234°, 100%, 74%.
What text color should I use on Pale Royal?
Use black text on Pale Royal. White text has a contrast ratio of 3.09:1 and black text has 6.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Royal?
The complementary color of Pale Royal is #FFF27A. Analogous colors #7ACAFF and #AF7AFF also pair well.