Soft Iris is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #6133CC, which equals rgb(97, 51, 204) in RGB and hsl(258, 60%, 50%) in HSL. In print terms it converts to roughly C52 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#6133CC - RGB
97, 51, 204 - HSL
258°, 60%, 50% - CMYK
52, 75, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft Iris
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 7.36:1. Its complementary color is #9ECC33.
Download Soft Iris 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 Iris color codes
| HEX | #6133CC |
|---|---|
| RGB | rgb(97, 51, 204) |
| HSL | hsl(258, 60%, 50%) |
| HSV | 258°, 75%, 80% |
| CMYK | 52%, 75%, 0%, 20% |
| Decimal | 6370252 |
Shades and tints of Soft Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5DDF7 - 100
#CABBEE - 200
#B099E6 - 300
#9677DD - 400
#7B55D5 - 500
#6133CC - 600
#512BAA - 700
#412288 - 800
#311A66 - 900
#201144 - 950
#100922
Color harmonies for Soft Iris
- Complementary
#9ECC33≈ Yellow Green - Analogous −30°
#3352CC≈ Soft Sapphire - Analogous +30°
#AD33CC≈ Soft Grape - Triadic +120°
#CC6133≈ Soft Vermilion - Triadic +240°
#33CC61≈ Soft Emerald - Split 150°
#CCAD33≈ Soft Amber - Split 210°
#52CC33≈ Soft Leaf
Contrast and accessibility of Soft Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Iris | Aa | 7.36:1 | AAA (excellent) |
| Black text on Soft Iris | Aa | 2.85:1 | Fails |
CSS code for Soft Iris
background-color: #6133CC;color: #6133CC;background-color: rgb(97, 51, 204);background-color: hsl(258, 60%, 50%);:root { --color-soft-iris: #6133CC; }class="bg-[#6133CC]"Colors similar to Soft Iris
- Soft Indigo
#5233CC - Soft Periwinkle
#7033CC - Soft Violet
#7F33CC - Soft Ultramarine
#4233CC - Medium Light Bright Indigo
#603EEA - Medium Dark Soft Periwinkle
#5E2BAB - Iris
#5A4FCF - Medium Dark Soft Violet
#6B2BAB - Medium Light Bright Iris
#723EEA - Medium Light Bright Ultramarine
#4F3EEA - Medium Dark Soft Iris
#512BAB - Medium Dark Bright Periwinkle
#5A15C1
More blue shades
- Palest Bright Iris
#DDD1FA - Darkest Soft Iris
#130A29 - Very Dark Soft Iris
#231249 - Dark Soft Iris
#321B6A - Deep Soft Iris
#42238B - Medium Dark Soft Iris
#512BAB - Medium Light Soft Iris
#7A54D4 - Light Soft Iris
#9374DC - Pale Soft Iris
#AD95E4 - Very Pale Soft Iris
#C6B6ED - Palest Soft Iris
#DFD6F5
Frequently asked questions
What is the HEX code for Soft Iris?
The HEX code for Soft Iris is #6133CC.
What is the RGB value of Soft Iris?
Soft Iris has an RGB value of 97, 51, 204 (rgb(97, 51, 204)). In HSL it is 258°, 60%, 50%.
What text color should I use on Soft Iris?
Use white text on Soft Iris. White text has a contrast ratio of 7.36:1 and black text has 2.85:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Iris?
The complementary color of Soft Iris is #9ECC33. Analogous colors #3352CC and #AD33CC also pair well.