Palest Iris is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #DBCCFF, which equals rgb(219, 204, 255) in RGB and hsl(258, 100%, 90%) in HSL. In print terms it converts to roughly C14 M20 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#DBCCFF - RGB
219, 204, 255 - HSL
258°, 100%, 90% - CMYK
14, 20, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest 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 black is the most readable choice on this color, with a contrast ratio of 14.09:1. Its complementary color is #F0FFCC.
Download Palest 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…
Palest Iris color codes
| HEX | #DBCCFF |
|---|---|
| RGB | rgb(219, 204, 255) |
| HSL | hsl(258, 100%, 90%) |
| HSV | 258°, 20%, 100% |
| CMYK | 14%, 20%, 0%, 0% |
| Decimal | 14404863 |
Shades and tints of Palest Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9F7FF - 100
#F3EEFF - 200
#EDE6FF - 300
#E7DDFF - 400
#E1D5FF - 500
#DBCCFF - 600
#B7AAD5 - 700
#9288AA - 800
#6E6680 - 900
#494455 - 950
#25222B
Color harmonies for Palest Iris
- Complementary
#F0FFCC≈ Palest Spring Bud - Analogous −30°
#CCD6FF≈ Palest Sapphire - Analogous +30°
#F5CCFF≈ Palest Grape - Triadic +120°
#FFDBCC≈ Palest Vermilion - Triadic +240°
#CCFFDB≈ Palest Emerald - Split 150°
#FFF5CC≈ Palest Amber - Split 210°
#D6FFCC≈ Palest Shamrock
Contrast and accessibility of Palest Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Iris | Aa | 1.49:1 | Fails |
| Black text on Palest Iris | Aa | 14.09:1 | AAA (excellent) |
CSS code for Palest Iris
background-color: #DBCCFF;color: #DBCCFF;background-color: rgb(219, 204, 255);background-color: hsl(258, 100%, 90%);:root { --color-palest-iris: #DBCCFF; }class="bg-[#DBCCFF]"Colors similar to Palest Iris
- Palest Indigo
#D6CCFF - Palest Periwinkle
#E0CCFF - Palest Bright Iris
#DDD1FA - Palest Bright Indigo
#D9D1FA - Palest Bright Ultramarine
#D5D1FA - Palest Bright Periwinkle
#E1D1FA - Palest Ultramarine
#D1CCFF - Palest Violet
#E5CCFF - Palest Bright Blue
#D1D1FA - Palest Bright Violet
#E5D1FA - Palest Soft Indigo
#DCD6F5 - Palest Soft Ultramarine
#D9D6F5
More blue shades
- Medium Dark Iris
#4000D6 - Pure Iris
#4D00FF - Medium Light Iris
#6929FF - Light Iris
#8652FF - Pale Iris
#A27AFF - Very Pale Iris
#BFA3FF - Darkest Bright Iris
#11052E - Very Dark Bright Iris
#1F0953 - Dark Bright Iris
#2D0D77 - Deep Bright Iris
#3B119C - Medium Dark Bright Iris
#4915C1
Frequently asked questions
What is the HEX code for Palest Iris?
The HEX code for Palest Iris is #DBCCFF.
What is the RGB value of Palest Iris?
Palest Iris has an RGB value of 219, 204, 255 (rgb(219, 204, 255)). In HSL it is 258°, 100%, 90%.
What text color should I use on Palest Iris?
Use black text on Palest Iris. White text has a contrast ratio of 1.49:1 and black text has 14.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Iris?
The complementary color of Palest Iris is #F0FFCC. Analogous colors #CCD6FF and #F5CCFF also pair well.