#6495ed
HEX
#6495ed RGB
rgb(100, 149, 237) HSL
219°, 79%, 66% About CornflowerBlue Color
CornflowerBlue is a medium, vibrant blue that is easy on the eyes. It is commonly used in UI design for links and interactive elements.
Use Cases for CornflowerBlue
UI linksbuttonsinteractive elementsclean designmodern UI
Shades & Tints of CornflowerBlue
#ffffff
#d8e5fb
#b2caf6
#8bb0f2
#6495ed
#4b70b2
#324b77
#19253b
#000000
Complementary Color
#6495ed
#edbd64
Analogous Colors
#64d8ed
#6495ed
#7864ed
CSS Code
.cornflowerblue-color {
color: #6495ed;
}Contrast Recommendations
Black text on CornflowerBlue
Ratio: 7.06:1 ✓ Passes AA ✓ Passes AAA
White text on CornflowerBlue
Ratio: 2.97:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is CornflowerBlue?
CornflowerBlue is represented by the hex code #6495ed and has RGB values of rgb(100, 149, 237). It falls under the Blue category.
How to use CornflowerBlue in web design?
CornflowerBlue works well for UI links, buttons, interactive elements. CornflowerBlue is a medium, vibrant blue that is easy on the eyes. It is commonly used in UI design for links and interactive elements. Use it as a primary color, accent, or background depending on your design needs.
What colors go with CornflowerBlue?
Colors that pair well with CornflowerBlue include royalblue, steelblue, dodgerblue, skyblue, lightskyblue. For a complementary scheme, try #edbd64. For an analogous scheme, use #64d8ed and #7864ed.