Soft Ultramarine is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #4233CC, which equals rgb(66, 51, 204) in RGB and hsl(246, 60%, 50%) in HSL. In print terms it converts to roughly C68 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#4233CC - RGB
66, 51, 204 - HSL
246°, 60%, 50% - CMYK
68, 75, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft 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 white is the most readable choice on this color, with a contrast ratio of 8.15:1. Its complementary color is #BDCC33.
Download Soft 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…
Soft Ultramarine color codes
| HEX | #4233CC |
|---|---|
| RGB | rgb(66, 51, 204) |
| HSL | hsl(246, 60%, 50%) |
| HSV | 246°, 75%, 80% |
| CMYK | 68%, 75%, 0%, 20% |
| Decimal | 4338636 |
Shades and tints of Soft Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0DDF7 - 100
#C0BBEE - 200
#A199E6 - 300
#8177DD - 400
#6255D5 - 500
#4233CC - 600
#372BAA - 700
#2C2288 - 800
#211A66 - 900
#161144 - 950
#0B0922
Color harmonies for Soft Ultramarine
- Complementary
#BDCC33≈ Soft Yellow - Analogous −30°
#3370CC≈ Soft Cerulean - Analogous +30°
#8F33CC≈ Dark Orchid - Triadic +120°
#CC4233≈ Soft Red - Triadic +240°
#33CC42≈ Soft Green - Split 150°
#CC8F33≈ Peru - Split 210°
#70CC33≈ Soft Leaf
Contrast and accessibility of Soft Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Ultramarine | Aa | 8.15:1 | AAA (excellent) |
| Black text on Soft Ultramarine | Aa | 2.58:1 | Fails |
CSS code for Soft Ultramarine
background-color: #4233CC;color: #4233CC;background-color: rgb(66, 51, 204);background-color: hsl(246, 60%, 50%);:root { --color-soft-ultramarine: #4233CC; }class="bg-[#4233CC]"Colors similar to Soft Ultramarine
- Soft Blue
#3333CC - Soft Indigo
#5233CC - Soft Royal
#3342CC - Soft Iris
#6133CC - Medium Light Bright Blue
#3E3EEA - Medium Dark Soft Indigo
#452BAB - Medium Light Bright Ultramarine
#4F3EEA - Medium Dark Soft Ultramarine
#382BAB - Medium Dark Soft Iris
#512BAB - Medium Dark Bright Iris
#4915C1 - Persian Blue
#1C39BB - Medium Dark Bright Indigo
#3815C1
More blue shades
- Palest Bright Ultramarine
#D5D1FA - Darkest Soft Ultramarine
#0D0A29 - Very Dark Soft Ultramarine
#181249 - Dark Soft Ultramarine
#221B6A - Deep Soft Ultramarine
#2D238B - Medium Dark Soft Ultramarine
#382BAB - Medium Light Soft Ultramarine
#6054D4 - Light Soft Ultramarine
#7F74DC - Pale Soft Ultramarine
#9D95E4 - Very Pale Soft Ultramarine
#BBB6ED - Palest Soft Ultramarine
#D9D6F5
Frequently asked questions
What is the HEX code for Soft Ultramarine?
The HEX code for Soft Ultramarine is #4233CC.
What is the RGB value of Soft Ultramarine?
Soft Ultramarine has an RGB value of 66, 51, 204 (rgb(66, 51, 204)). In HSL it is 246°, 60%, 50%.
What text color should I use on Soft Ultramarine?
Use white text on Soft Ultramarine. White text has a contrast ratio of 8.15:1 and black text has 2.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Ultramarine?
The complementary color of Soft Ultramarine is #BDCC33. Analogous colors #3370CC and #8F33CC also pair well.