Pale Dusty Ultramarine is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #B2AFCA, which equals rgb(178, 175, 202) in RGB and hsl(247, 20%, 74%) in HSL. In print terms it converts to roughly C12 M13 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#B2AFCA - RGB
178, 175, 202 - HSL
247°, 20%, 74% - CMYK
12, 13, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty 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. 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 9.88:1. Its complementary color is #C7CAAF.
Download Pale Dusty 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 Dusty Ultramarine color codes
| HEX | #B2AFCA |
|---|---|
| RGB | rgb(178, 175, 202) |
| HSL | hsl(247, 20%, 74%) |
| HSV | 247°, 13%, 79% |
| CMYK | 12%, 13%, 0%, 21% |
| Decimal | 11710410 |
Shades and tints of Pale Dusty Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F2F6 - 100
#E5E4ED - 200
#D9D7E5 - 300
#CCCADC - 400
#BFBCD3 - 500
#B2AFCA - 600
#9492A8 - 700
#777587 - 800
#595865 - 900
#3B3A43 - 950
#1E1D22
Color harmonies for Pale Dusty Ultramarine
- Complementary
#C7CAAF≈ Pale Dusty Lime - Analogous −30°
#AFBACA≈ Pale Dusty Cerulean - Analogous +30°
#C0AFCA≈ Pale Dusty Amethyst - Triadic +120°
#CAB3AF≈ Pale Dusty Scarlet - Triadic +240°
#AFCAB3≈ Pale Dusty Kelly - Split 150°
#CAC0AF≈ Pale Dusty Tangerine - Split 210°
#BACAAF≈ Pale Dusty Leaf
Contrast and accessibility of Pale Dusty Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Ultramarine | Aa | 2.13:1 | Fails |
| Black text on Pale Dusty Ultramarine | Aa | 9.88:1 | AAA (excellent) |
CSS code for Pale Dusty Ultramarine
background-color: #B2AFCA;color: #B2AFCA;background-color: rgb(178, 175, 202);background-color: hsl(247, 20%, 74%);:root { --color-pale-dusty-ultramarine: #B2AFCA; }class="bg-[#B2AFCA]"Colors similar to Pale Dusty Ultramarine
- Pale Dusty Blue
#AFAFCA - Pale Dusty Indigo
#B5AFCA - Pale Dusty Royal
#AFB2CA - Pale Dusty Iris
#B7AFCA - Pale Dusty Cobalt
#AFB5CA - Pale Dusty Periwinkle
#BAAFCA - Pale Dusty Sapphire
#AFB7CA - Pale Dusty Violet
#BDAFCA - Pale Dusty Amethyst
#BFAFCA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Grape
#C2AFCA - Cool Gray 70
#ACB1B9
More blue shades
- Dark Dusty Ultramarine
#383550 - Deep Dusty Ultramarine
#494568 - Medium Dark Dusty Ultramarine
#5A5681 - Dusty Ultramarine
#6B6699 - Medium Light Dusty Ultramarine
#837EA9 - Light Dusty Ultramarine
#9A97BA - Very Pale Dusty Ultramarine
#CAC8DA - Palest Dusty Ultramarine
#E1E0EB - Darkest Indigo
#0A0033 - Very Dark Indigo
#12005C - Dark Indigo
#1B0085
Frequently asked questions
What is the HEX code for Pale Dusty Ultramarine?
The HEX code for Pale Dusty Ultramarine is #B2AFCA.
What is the RGB value of Pale Dusty Ultramarine?
Pale Dusty Ultramarine has an RGB value of 178, 175, 202 (rgb(178, 175, 202)). In HSL it is 247°, 20%, 74%.
What text color should I use on Pale Dusty Ultramarine?
Use black text on Pale Dusty Ultramarine. White text has a contrast ratio of 2.13:1 and black text has 9.88:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Ultramarine?
The complementary color of Pale Dusty Ultramarine is #C7CAAF. Analogous colors #AFBACA and #C0AFCA also pair well.