Tinta Iris Bloom
2-color CSS gradient
Iris Bloom is a 2-color CSS linear gradient built from #A855F7 and #6366F1. Its hues sit in the purple and blue ranges, and reads as vibrant and cool. Dark text (#111827) on it keeps at least 3.97:1 at its weakest point — enough for WCAG AA large text only.
Stops
Light & dark theme
This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.
What are the HEX, RGB, and HSL values for Iris Bloom?
Every color in this 2-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #A855F7 | Medium Orchid | #A855F7 | 168, 85, 247 | 271°, 91%, 65% | 3.96:1 | 5.31:1 |
| #6366F1 | Medium Slate Blue | #6366F1 | 99, 102, 241 | 239°, 84%, 67% | 4.47:1 | 4.70:1 |
Related gradients
Others sharing the same hues and tone