Pale Cornflower is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7AAFFF, which equals rgb(122, 175, 255) in RGB and hsl(216, 100%, 74%) in HSL. In print terms it converts to roughly C52 M31 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AAFFF - RGB
122, 175, 255 - HSL
216°, 100%, 74% - CMYK
52, 31, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Cornflower
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 9.40:1. Its complementary color is #FFCA7A.
Download Pale Cornflower 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…
Pale Cornflower color codes
| HEX | #7AAFFF |
|---|---|
| RGB | rgb(122, 175, 255) |
| HSL | hsl(216, 100%, 74%) |
| HSV | 216°, 52%, 100% |
| CMYK | 52%, 31%, 0%, 0% |
| Decimal | 8040447 |
Shades and tints of Pale Cornflower
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9F2FF - 100
#D3E4FF - 200
#BDD7FF - 300
#A6CAFF - 400
#90BCFF - 500
#7AAFFF - 600
#6692D5 - 700
#5175AA - 800
#3D5880 - 900
#293A55 - 950
#141D2B
Color harmonies for Pale Cornflower
- Complementary
#FFCA7A≈ Pale Orange - Analogous −30°
#7AF2FF≈ Pale Cyan - Analogous +30°
#887AFF≈ Pale Indigo - Triadic +120°
#FF7AAF≈ Pale Ruby - Triadic +240°
#AFFF7A≈ Pale Leaf - Split 150°
#FF887A≈ Salmon - Split 210°
#F2FF7A≈ Pale Yellow
Contrast and accessibility of Pale Cornflower
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Cornflower | Aa | 2.23:1 | Fails |
| Black text on Pale Cornflower | Aa | 9.40:1 | AAA (excellent) |
CSS code for Pale Cornflower
background-color: #7AAFFF;color: #7AAFFF;background-color: rgb(122, 175, 255);background-color: hsl(216, 100%, 74%);:root { --color-pale-cornflower: #7AAFFF; }class="bg-[#7AAFFF]"Colors similar to Pale Cornflower
- Pale Sapphire
#7AA2FF - Pale Cerulean
#7ABDFF - Pale Bright Cornflower
#88B2F2 - Pale Bright Sapphire
#88A7F2 - Pale Bright Cerulean
#88BDF2 - Pale Bright Cobalt
#889DF2 - Light Bright Azure
#63B6EE - Light Bright Cerulean
#63A8EE - Pale Cobalt
#7A95FF - Pale Azure
#7ACAFF - Pale Bright Azure
#88C7F2 - Light Soft Azure
#74B3DC
More blue shades
- Dark Cornflower
#003585 - Deep Cornflower
#0045AD - Medium Dark Cornflower
#0056D6 - Pure Cornflower
#0066FF - Medium Light Cornflower
#297EFF - Light Cornflower
#5297FF - Very Pale Cornflower
#A3C8FF - Palest Cornflower
#CCE0FF - Darkest Bright Cornflower
#05152E - Very Dark Bright Cornflower
#092753 - Dark Bright Cornflower
#0D3877
Frequently asked questions
What is the HEX code for Pale Cornflower?
The HEX code for Pale Cornflower is #7AAFFF.
What is the RGB value of Pale Cornflower?
Pale Cornflower has an RGB value of 122, 175, 255 (rgb(122, 175, 255)). In HSL it is 216°, 100%, 74%.
What text color should I use on Pale Cornflower?
Use black text on Pale Cornflower. White text has a contrast ratio of 2.23:1 and black text has 9.40:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Cornflower?
The complementary color of Pale Cornflower is #FFCA7A. Analogous colors #7AF2FF and #887AFF also pair well.