Bright Iris is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #5719E6, which equals rgb(87, 25, 230) in RGB and hsl(258, 80%, 50%) in HSL. In print terms it converts to roughly C62 M89 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#5719E6 - RGB
87, 25, 230 - HSL
258°, 80%, 50% - CMYK
62, 89, 0, 10 - Family
Blue - Tone
Medium, saturated
About Bright 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.82:1. Its complementary color is #A8E61A.
Download Bright 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…
Bright Iris color codes
| HEX | #5719E6 |
|---|---|
| RGB | rgb(87, 25, 230) |
| HSL | hsl(258, 80%, 50%) |
| HSV | 258°, 89%, 90% |
| CMYK | 62%, 89%, 0%, 10% |
| Decimal | 5708262 |
Shades and tints of Bright Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3D9FB - 100
#C7B2F7 - 200
#AB8CF3 - 300
#8F66EE - 400
#733FEA - 500
#5719E6 - 600
#4915C0 - 700
#3A1199 - 800
#2C0D73 - 900
#1D084D - 950
#0F0426
Color harmonies for Bright Iris
- Complementary
#A8E61A≈ Bright Chartreuse - Analogous −30°
#1A42E6≈ Bright Cobalt - Analogous +30°
#BD1AE6≈ Bright Purple - Triadic +120°
#E6571A≈ Bright Cinnabar - Triadic +240°
#1AE657≈ Bright Jade - Split 150°
#E6BD1A≈ Bright Marigold - Split 210°
#42E61A≈ Bright Clover
Contrast and accessibility of Bright Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Iris | Aa | 7.82:1 | AAA (excellent) |
| Black text on Bright Iris | Aa | 2.69:1 | Fails |
CSS code for Bright Iris
background-color: #5719E6;color: #5719E6;background-color: rgb(87, 25, 230);background-color: hsl(258, 80%, 50%);:root { --color-bright-iris: #5719E6; }class="bg-[#5719E6]"Colors similar to Bright Iris
- Bright Periwinkle
#6B19E6 - Bright Indigo
#4219E6 - Medium Light Indigo
#5429FF - Medium Dark Periwinkle
#5600D6 - Medium Light Iris
#6929FF - Medium Dark Bright Periwinkle
#5A15C1 - Bright Ultramarine
#2E19E6 - Bright Violet
#7F19E6 - Medium Dark Violet
#6B00D6 - Medium Light Ultramarine
#3E29FF - Medium Dark Bright Iris
#4915C1 - Pure Iris
#4D00FF
More blue shades
- Palest Iris
#DBCCFF - Darkest Bright Iris
#11052E - Very Dark Bright Iris
#1F0953 - Dark Bright Iris
#2D0D77 - Deep Bright Iris
#3B119C - Medium Dark Bright Iris
#4915C1 - Medium Light Bright Iris
#723EEA - Light Bright Iris
#8D63EE - Pale Bright Iris
#A788F2 - Very Pale Bright Iris
#C2ACF6 - Palest Bright Iris
#DDD1FA
Frequently asked questions
What is the HEX code for Bright Iris?
The HEX code for Bright Iris is #5719E6.
What is the RGB value of Bright Iris?
Bright Iris has an RGB value of 87, 25, 230 (rgb(87, 25, 230)). In HSL it is 258°, 80%, 50%.
What text color should I use on Bright Iris?
Use white text on Bright Iris. White text has a contrast ratio of 7.82:1 and black text has 2.69:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Iris?
The complementary color of Bright Iris is #A8E61A. Analogous colors #1A42E6 and #BD1AE6 also pair well.