Pure Cornflower is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #0066FF, which equals rgb(0, 102, 255) in RGB and hsl(216, 100%, 50%) in HSL. In print terms it converts to roughly C100 M60 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#0066FF - RGB
0, 102, 255 - HSL
216°, 100%, 50% - CMYK
100, 60, 0, 0 - Family
Blue - Tone
Medium, vivid
About Pure 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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 4.83:1. Its complementary color is #FF9900.
Download Pure 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…
Pure Cornflower color codes
| HEX | #0066FF |
|---|---|
| RGB | rgb(0, 102, 255) |
| HSL | hsl(216, 100%, 50%) |
| HSV | 216°, 100%, 100% |
| CMYK | 100%, 60%, 0%, 0% |
| Decimal | 26367 |
Shades and tints of Pure Cornflower
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5E6FF - 100
#AACCFF - 200
#80B3FF - 300
#5599FF - 400
#2B80FF - 500
#0066FF - 600
#0055D5 - 700
#0044AA - 800
#003380 - 900
#002255 - 950
#00112B
Color harmonies for Pure Cornflower
- Complementary
#FF9900≈ Orange - Analogous −30°
#00E6FF≈ Pure Lagoon - Analogous +30°
#1900FF≈ Blue - Triadic +120°
#FF0066≈ Rose - Triadic +240°
#66FF00≈ Lawn Green - Split 150°
#FF1A00≈ Scarlet - Split 210°
#E6FF00≈ Citron
Contrast and accessibility of Pure Cornflower
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Cornflower | Aa | 4.83:1 | AA (good) |
| Black text on Pure Cornflower | Aa | 4.34:1 | AA Large only |
CSS code for Pure Cornflower
background-color: #0066FF;color: #0066FF;background-color: rgb(0, 102, 255);background-color: hsl(216, 100%, 50%);:root { --color-pure-cornflower: #0066FF; }class="bg-[#0066FF]"Colors similar to Pure Cornflower
- Azure Blue
#007FFF - Pure Sapphire
#004CFF - Bright Cornflower
#196BE6 - Medium Light Sapphire
#2969FF - Bright Sapphire
#1957E6 - Medium Light Cobalt
#2954FF - Medium Dark Cerulean
#006BD6 - Bright Cerulean
#197FE6 - Medium Light Cornflower
#297EFF - Medium Dark Cornflower
#0056D6 - Medium Dark Azure
#0081D6 - Bright Cobalt
#1942E6
More blue shades
- Palest Dusty Cerulean
#E0E6EB - Darkest Cornflower
#001433 - Very Dark Cornflower
#00255C - Dark Cornflower
#003585 - Deep Cornflower
#0045AD - Medium Dark Cornflower
#0056D6 - Medium Light Cornflower
#297EFF - Light Cornflower
#5297FF - Pale Cornflower
#7AAFFF - Very Pale Cornflower
#A3C8FF - Palest Cornflower
#CCE0FF
Frequently asked questions
What is the HEX code for Pure Cornflower?
The HEX code for Pure Cornflower is #0066FF.
What is the RGB value of Pure Cornflower?
Pure Cornflower has an RGB value of 0, 102, 255 (rgb(0, 102, 255)). In HSL it is 216°, 100%, 50%.
What text color should I use on Pure Cornflower?
Use white text on Pure Cornflower. White text has a contrast ratio of 4.83:1 and black text has 4.34:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Cornflower?
The complementary color of Pure Cornflower is #FF9900. Analogous colors #00E6FF and #1900FF also pair well.