Soft Azure is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #338FCC, which equals rgb(51, 143, 204) in RGB and hsl(204, 60%, 50%) in HSL. In print terms it converts to roughly C75 M30 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#338FCC - RGB
51, 143, 204 - HSL
204°, 60%, 50% - CMYK
75, 30, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft Azure
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 5.94:1. Its complementary color is #CC7033.
Download Soft Azure 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…
Soft Azure color codes
| HEX | #338FCC |
|---|---|
| RGB | rgb(51, 143, 204) |
| HSL | hsl(204, 60%, 50%) |
| HSV | 204°, 75%, 80% |
| CMYK | 75%, 30%, 0%, 20% |
| Decimal | 3379148 |
Shades and tints of Soft Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDECF7 - 100
#BBDAEE - 200
#99C7E6 - 300
#77B4DD - 400
#55A2D5 - 500
#338FCC - 600
#2B77AA - 700
#225F88 - 800
#1A4866 - 900
#113044 - 950
#091822
Color harmonies for Soft Azure
- Complementary
#CC7033≈ Soft Cinnabar - Analogous −30°
#33CCBD≈ Soft Cyan - Analogous +30°
#3342CC≈ Soft Blue - Triadic +120°
#CC338F≈ Soft Raspberry - Triadic +240°
#8FCC33≈ Yellow Green - Split 150°
#CC3342≈ Soft Red - Split 210°
#CCBD33≈ Soft Yellow
Contrast and accessibility of Soft Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Azure | Aa | 3.53:1 | AA Large only |
| Black text on Soft Azure | Aa | 5.94:1 | AA (good) |
CSS code for Soft Azure
background-color: #338FCC;color: #338FCC;background-color: rgb(51, 143, 204);background-color: hsl(204, 60%, 50%);:root { --color-soft-azure: #338FCC; }class="bg-[#338FCC]"Colors similar to Soft Azure
- Soft Capri
#339ECC - Soft Cerulean
#337FCC - Medium Dark Bright Capri
#158DC1 - Medium Light Soft Cerulean
#5494D4 - Medium Light Bright Cerulean
#3E94EA - Medium Light Soft Cornflower
#5487D4 - Steel Blue
#4682B4 - Medium Dark Soft Peacock
#2B92AB - Medium Dark Bright Peacock
#159FC1 - Medium Light Bright Cornflower
#3E83EA - Muted Capri
#4D94B2 - Bright Azure
#1994E6
More blue shades
- Palest Bright Azure
#D1EAFA - Darkest Soft Azure
#0A1D29 - Very Dark Soft Azure
#123349 - Dark Soft Azure
#1B4A6A - Deep Soft Azure
#23618B - Medium Dark Soft Azure
#2B78AB - Medium Light Soft Azure
#54A1D4 - Light Soft Azure
#74B3DC - Pale Soft Azure
#95C5E4 - Very Pale Soft Azure
#B6D7ED - Palest Soft Azure
#D6E9F5
Frequently asked questions
What is the HEX code for Soft Azure?
The HEX code for Soft Azure is #338FCC.
What is the RGB value of Soft Azure?
Soft Azure has an RGB value of 51, 143, 204 (rgb(51, 143, 204)). In HSL it is 204°, 60%, 50%.
What text color should I use on Soft Azure?
Use black text on Soft Azure. White text has a contrast ratio of 3.53:1 and black text has 5.94:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Azure?
The complementary color of Soft Azure is #CC7033. Analogous colors #33CCBD and #3342CC also pair well.