Palest Ultramarine is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #D1CCFF, which equals rgb(209, 204, 255) in RGB and hsl(246, 100%, 90%) in HSL. In print terms it converts to roughly C18 M20 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#D1CCFF - RGB
209, 204, 255 - HSL
246°, 100%, 90% - CMYK
18, 20, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 13.79:1. Its complementary color is #FAFFCC.
Download Palest 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…
Palest Ultramarine color codes
| HEX | #D1CCFF |
|---|---|
| RGB | rgb(209, 204, 255) |
| HSL | hsl(246, 100%, 90%) |
| HSV | 246°, 20%, 100% |
| CMYK | 18%, 20%, 0%, 0% |
| Decimal | 13749503 |
Shades and tints of Palest Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7F7FF - 100
#F0EEFF - 200
#E8E6FF - 300
#E0DDFF - 400
#D9D5FF - 500
#D1CCFF - 600
#AEAAD5 - 700
#8B88AA - 800
#696680 - 900
#464455 - 950
#23222B
Color harmonies for Palest Ultramarine
- Complementary
#FAFFCC≈ Palest Lime - Analogous −30°
#CCE0FF≈ Palest Cerulean - Analogous +30°
#EBCCFF≈ Palest Grape - Triadic +120°
#FFD1CC≈ Palest Red - Triadic +240°
#CCFFD1≈ Palest Green - Split 150°
#FFEBCC≈ Blanched Almond - Split 210°
#E0FFCC≈ Palest Leaf
Contrast and accessibility of Palest Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Ultramarine | Aa | 1.52:1 | Fails |
| Black text on Palest Ultramarine | Aa | 13.79:1 | AAA (excellent) |
CSS code for Palest Ultramarine
background-color: #D1CCFF;color: #D1CCFF;background-color: rgb(209, 204, 255);background-color: hsl(246, 100%, 90%);:root { --color-palest-ultramarine: #D1CCFF; }class="bg-[#D1CCFF]"Colors similar to Palest Ultramarine
- Periwinkle
#CCCCFF - Palest Indigo
#D6CCFF - Palest Bright Blue
#D1D1FA - Palest Royal
#CCD1FF - Palest Bright Ultramarine
#D5D1FA - Palest Iris
#DBCCFF - Palest Bright Indigo
#D9D1FA - Palest Bright Royal
#D1D5FA - Palest Cobalt
#CCD6FF - Palest Bright Iris
#DDD1FA - Palest Periwinkle
#E0CCFF - Palest Soft Blue
#D6D6F5
More blue shades
- Medium Dark Ultramarine
#1500D6 - Pure Ultramarine
#1900FF - Medium Light Ultramarine
#3E29FF - Light Ultramarine
#6352FF - Pale Ultramarine
#887AFF - Very Pale Ultramarine
#ACA3FF - Darkest Bright Ultramarine
#09052E - Very Dark Bright Ultramarine
#110953 - Dark Bright Ultramarine
#180D77 - Deep Bright Ultramarine
#1F119C - Medium Dark Bright Ultramarine
#2715C1
Frequently asked questions
What is the HEX code for Palest Ultramarine?
The HEX code for Palest Ultramarine is #D1CCFF.
What is the RGB value of Palest Ultramarine?
Palest Ultramarine has an RGB value of 209, 204, 255 (rgb(209, 204, 255)). In HSL it is 246°, 100%, 90%.
What text color should I use on Palest Ultramarine?
Use black text on Palest Ultramarine. White text has a contrast ratio of 1.52:1 and black text has 13.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Ultramarine?
The complementary color of Palest Ultramarine is #FAFFCC. Analogous colors #CCE0FF and #EBCCFF also pair well.