Pale Ultramarine is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #887AFF, which equals rgb(136, 122, 255) in RGB and hsl(246, 100%, 74%) in HSL. In print terms it converts to roughly C47 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#887AFF - RGB
136, 122, 255 - HSL
246°, 100%, 74% - CMYK
47, 52, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Ultramarine
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.27:1. Its complementary color is #F2FF7A.
Download Pale Ultramarine 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 Ultramarine color codes
| HEX | #887AFF |
|---|---|
| RGB | rgb(136, 122, 255) |
| HSL | hsl(246, 100%, 74%) |
| HSV | 246°, 52%, 100% |
| CMYK | 47%, 52%, 0%, 0% |
| Decimal | 8944383 |
Shades and tints of Pale Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBE9FF - 100
#D7D3FF - 200
#C4BDFF - 300
#B0A6FF - 400
#9C90FF - 500
#887AFF - 600
#7166D5 - 700
#5B51AA - 800
#443D80 - 900
#2D2955 - 950
#17142B
Color harmonies for Pale Ultramarine
- Complementary
#F2FF7A≈ Pale Yellow - Analogous −30°
#7AAFFF≈ Pale Sapphire - Analogous +30°
#CA7AFF≈ Pale Violet - Triadic +120°
#FF887A≈ Salmon - Triadic +240°
#7AFF88≈ Pale Emerald - Split 150°
#FFCA7A≈ Pale Orange - Split 210°
#AFFF7A≈ Pale Leaf
Contrast and accessibility of Pale Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Ultramarine | Aa | 3.35:1 | AA Large only |
| Black text on Pale Ultramarine | Aa | 6.27:1 | AA (good) |
CSS code for Pale Ultramarine
background-color: #887AFF;color: #887AFF;background-color: rgb(136, 122, 255);background-color: hsl(246, 100%, 74%);:root { --color-pale-ultramarine: #887AFF; }class="bg-[#887AFF]"Colors similar to Pale Ultramarine
- Pale Indigo
#957AFF - Pale Blue
#7A7AFF - Pale Bright Blue
#8888F2 - Pale Royal
#7A88FF - Pale Bright Ultramarine
#9288F2 - Pale Iris
#A27AFF - Pale Bright Indigo
#9D88F2 - Medium Slate Blue
#7B68EE - Pale Bright Royal
#8892F2 - Light Bright Iris
#8D63EE - Light Bright Indigo
#7F63EE - Light Soft Indigo
#8974DC
More blue shades
- Dark Ultramarine
#0D0085 - Deep Ultramarine
#1100AD - Medium Dark Ultramarine
#1500D6 - Pure Ultramarine
#1900FF - Medium Light Ultramarine
#3E29FF - Light Ultramarine
#6352FF - Very Pale Ultramarine
#ACA3FF - Palest Ultramarine
#D1CCFF - Darkest Bright Ultramarine
#09052E - Very Dark Bright Ultramarine
#110953 - Dark Bright Ultramarine
#180D77
Frequently asked questions
What is the HEX code for Pale Ultramarine?
The HEX code for Pale Ultramarine is #887AFF.
What is the RGB value of Pale Ultramarine?
Pale Ultramarine has an RGB value of 136, 122, 255 (rgb(136, 122, 255)). In HSL it is 246°, 100%, 74%.
What text color should I use on Pale Ultramarine?
Use black text on Pale Ultramarine. White text has a contrast ratio of 3.35:1 and black text has 6.27:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Ultramarine?
The complementary color of Pale Ultramarine is #F2FF7A. Analogous colors #7AAFFF and #CA7AFF also pair well.