ColorConvert.netColor Convert

Color: Cornflower Blue

Complete color information and conversion tools for Cornflower Blue

Category: blue
Color Source: web
Luminance: 30.3%
Color Formats

Convert Cornflower Blue to all major color formats. Click any value to copy to clipboard.

HEX
#6495ED
RGB
100, 149, 237
HSL
219, 79, 66
HSV
219, 58, 93
CMYK
58, 37, 0, 7
LAB
62, 9, -49
Accessibility & Contrast

Test Cornflower Blue for accessibility compliance and color contrast ratios.

Basic Contrast Ratios

Cornflower Blue on White
2.97:1
Cornflower Blue on Black
7.06:1

WCAG 2.1 Compliance

AA Standard (Normal Text)

Required ratio: 4.5:1

PASS
AA Standard (Large Text)

Required ratio: 3:1

PASS
AAA Standard (Normal Text)

Required ratio: 7:1

PASS
AAA Standard (Large Text)

Required ratio: 4.5:1

PASS

Usage Recommendations

✓ Excellent for accessibility

This color meets AAA standards and is suitable for all text sizes and UI elements.

Recommended text color: Use #000000 text for optimal readability on Cornflower Blue backgrounds.

Color Tools

Professional tools to work with Cornflower Blue and create color schemes.

About Cornflower Blue Color

The Cornflower Blue color (#6495ED) is a blue color that belongs to the web-safe color palette. This comprehensive guide covers everything you need to know about Cornflower Blue, including its technical specifications, psychological impact, design applications, and practical usage examples.

Cornflower Blue has the hexadecimal code #6495ED and RGB values of 100, 149, 237. In the HSL color space, it has a hue of 219°, saturation of 79%, and lightness of 66%. This color is widely supported across all browsers and design applications.

Color Psychology & Meaning

Discover the psychological impact and cultural significance of Cornflower Blue.

Associated Emotions

Trust, calm, stability, peace, loyalty, sadness

Symbolism & Meaning

Reliability, professionalism, security, tranquility

Marketing & Branding

Builds trust, promotes calmness, professional appearance

Design Applications

Learn how to effectively use Cornflower Blue in various design contexts.

Web Design

  • Headers
  • Links
  • Corporate themes
  • Trust indicators
  • Professional layouts

Interior Design

  • Bedrooms
  • Bathrooms
  • Office spaces
  • Coastal themes

Graphic Design

  • Corporate branding
  • Healthcare materials
  • Technology themes
  • Professional presentations

Fashion & Clothing

  • Business attire
  • Denim
  • Formal wear
  • Casual shirts
Technical Specifications

Complete technical details and color space information for Cornflower Blue.

Color Temperature

Cool

Dominant Wavelength

450-495nm

Color Purity

79%

Brightness Index

168/255
Usage Examples

Real-world examples and code snippets showing how to use Cornflower Blue.

CSS Examples

background-color: #6495ED;
color: #6495ED;
border: 2px solid #6495ED;
box-shadow: 0 4px 8px #6495ED33;
background: linear-gradient(45deg, #6495ED, #97c8ff);

Design Tips & Best Practices

When using Cornflower Blue in your designs, consider its psychological impact and cultural associations. This color works well in web design, branding, and marketing materials and can be effectively paired with complementary colors to create striking visual compositions.

Accessibility Considerations

When using Cornflower Blue as a text or background color, ensure sufficient contrast ratios for accessibility compliance. Test your color combinations against WCAG guidelines to ensure readability for all users.

Related Blue Colors

Explore other blue colors that share similar characteristics with Cornflower Blue.