Soft Royal is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #3342CC, which equals rgb(51, 66, 204) in RGB and hsl(234, 60%, 50%) in HSL. In print terms it converts to roughly C75 M68 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#3342CC - RGB
51, 66, 204 - HSL
234°, 60%, 50% - CMYK
75, 68, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft Royal
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 white is the most readable choice on this color, with a contrast ratio of 7.52:1. Its complementary color is #CCBD33.
Download Soft Royal 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 Royal color codes
| HEX | #3342CC |
|---|---|
| RGB | rgb(51, 66, 204) |
| HSL | hsl(234, 60%, 50%) |
| HSV | 234°, 75%, 80% |
| CMYK | 75%, 68%, 0%, 20% |
| Decimal | 3359436 |
Shades and tints of Soft Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDE0F7 - 100
#BBC0EE - 200
#99A1E6 - 300
#7781DD - 400
#5562D5 - 500
#3342CC - 600
#2B37AA - 700
#222C88 - 800
#1A2166 - 900
#111644 - 950
#090B22
Color harmonies for Soft Royal
- Complementary
#CCBD33≈ Soft Yellow - Analogous −30°
#338FCC≈ Soft Capri - Analogous +30°
#7033CC≈ Soft Iris - Triadic +120°
#CC3342≈ Soft Red - Triadic +240°
#42CC33≈ Soft Green - Split 150°
#CC7033≈ Soft Cinnabar - Split 210°
#8FCC33≈ Yellow Green
Contrast and accessibility of Soft Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Royal | Aa | 7.52:1 | AAA (excellent) |
| Black text on Soft Royal | Aa | 2.79:1 | Fails |
CSS code for Soft Royal
background-color: #3342CC;color: #3342CC;background-color: rgb(51, 66, 204);background-color: hsl(234, 60%, 50%);:root { --color-soft-royal: #3342CC; }class="bg-[#3342CC]"Colors similar to Soft Royal
- Soft Blue
#3333CC - Soft Cobalt
#3352CC - Soft Ultramarine
#4233CC - Persian Blue
#1C39BB - Medium Dark Bright Sapphire
#1549C1 - Medium Dark Bright Cobalt
#1538C1 - Medium Light Bright Blue
#3E3EEA - Soft Indigo
#5233CC - Medium Dark Soft Cobalt
#2B45AB - Bright Cobalt
#1942E6 - Medium Light Bright Royal
#3E4FEA - Medium Dark Soft Royal
#2B38AB
More blue shades
- Palest Bright Royal
#D1D5FA - Darkest Soft Royal
#0A0D29 - Very Dark Soft Royal
#121849 - Dark Soft Royal
#1B226A - Deep Soft Royal
#232D8B - Medium Dark Soft Royal
#2B38AB - Medium Light Soft Royal
#5460D4 - Light Soft Royal
#747FDC - Pale Soft Royal
#959DE4 - Very Pale Soft Royal
#B6BBED - Palest Soft Royal
#D6D9F5
Frequently asked questions
What is the HEX code for Soft Royal?
The HEX code for Soft Royal is #3342CC.
What is the RGB value of Soft Royal?
Soft Royal has an RGB value of 51, 66, 204 (rgb(51, 66, 204)). In HSL it is 234°, 60%, 50%.
What text color should I use on Soft Royal?
Use white text on Soft Royal. White text has a contrast ratio of 7.52:1 and black text has 2.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Royal?
The complementary color of Soft Royal is #CCBD33. Analogous colors #338FCC and #7033CC also pair well.