Cornflower Blue - #6ba3eb - RGB (107, 163, 235)

RGB (107, 163, 235) - #6ba3eb - Cornflower Blue Color Analysis & Informations

The color named Cornflower Blue is represented by the hex code #6ba3eb, which consists of the symbol # and 6 letters or numbers in the hexadecimal numeral system. This page provides a detailed analysis of the hex code #6ba3eb. In the RGB color space, the hex code #6BA3EB is comprised of 42% red, 63.9% green, and 92.2% blue. The CMYK color model, used in printing, has a composition of 54% cyan, 31% magenta, 0% yellow, and 8% black. In the HSL color space, the hex code #6ba3eb has a hue of 214°, 76% saturation, and 67% lightness. The decimal value of this color is 7,054,315. A version of the color that is 20% lighter is #528ad2, while the 20% darker version is #164e96.

  1. #6ba3eb - rgb(107, 163, 235) Color Schemes
  2. #6ba3eb - rgb(107, 163, 235) Color Spaces
  3. #6ba3eb - rgb(107, 163, 235) Alternatives Colours
  4. #6ba3eb - rgb(107, 163, 235) Shades and Tints
  5. #6ba3eb - rgb(107, 163, 235) Color Conversion
  6. #6ba3eb - rgb(107, 163, 235) HTML/CSS Preview

Color Schemes with Cornflower Blue (6ba3eb)

6beb94 6ba3eb 6bb6eb

#6ba3eb Analogous Colors

a3eb6b #6ba3eb eb6ba3

#6ba3eb Triadic Colors

eb6e6b #6ba3eb eb6b3d

#6ba3eb Split Complementary Colors

6ba3eb eba66b

#6ba3eb Complementary Colors

73abf3 7bb3fb 81b9ff 8ac2ff 94ccff 9cd4ff

#6ba3eb Monochromatic Colors

In design, a color scheme refers to the chosen selection of colors. Colors chosen from neighboring hues on the color wheel are referred to as analogous colors, resulting in a pleasing combination due to their close relation. The triadic color harmony involves three colors that are evenly spaced from one another on the color wheel, forming a triangle. On the other hand, the split-complementary color scheme involves the use of three colors - the original color and two hues adjacent to its complement color.

Color spaces of Hex Code #6BA3EB

RGB Decimal 107, 163, 235
RGB Percent rgb(42%,63.9%,92.2%)
CMYK 54, 31, 0, 8
HSV 214°, 54°, 92°
HSL 214°, 76°, 67°
Web Safe #6ba3eb
XYZ XYZ(57, 61, 96)
Motivating Your Way to Success

The hexadecimal triplet #6ba3eb definition is: Red = 107, Green = 163, Blue = 235 or CMYK: Cyan = 54, Magenta = 31, Yellow = 0, Black = 8

Alternatives colours to Cornflower Blue (#6ba3eb)

6ea6ee 71a9f1 74acf4 68a0e8 659de5 629ae2

Listed above are colors that are alternative to the hex color code #6ba3eb. This can be a useful resource if you are looking for alternative color options that complement your original choice.

Shades and Tints of #6ba3eb Color Variations

00357d 073f87 114991 1b539b 255da5 2f67af 3971b9 437bc3 4d85cd 578fd7 6199e1 6ba3eb

#6ba3eb Shade Color Variations

75adf5 7fb7ff 89c1ff 93cbff 9dd5ff a7dfff b1e9ff bbf3ff c5fdff cfffff d9ffff e3ffff

#6ba3eb Tint Color Variations

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #00357d is the darkest color, while #e3ffff is the lightest one.

Cornflower Blue - #6ba3eb Color Conversions

  • 107 R
  • 163 G
  • 235 B
  • 214 H
  • 54 S
  • 92 V
  • 214 H
  • 76 S
  • 67 L

This table contains information about #6ba3eb color values in the most popular color spaces: RGB, HSV, HSL.

#6ba3eb Color Codes for CSS3/HTML5 and Icon Previews

Text with Hexadecimal Color #6ba3eb
This sample text has a font color of #6ba3eb
<span style="color:#6ba3eb">Your text here..</span>
#6ba3eb Border Color
This sample element has a border color of #6ba3eb
<div style="border:1px solid #6ba3eb;">Your content here..</div>
#6ba3eb CSS3 Linear Gradient
<div style="background: -webkit-linear-gradient(left,#6ba3eb,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#6ba3eb,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#6ba3eb,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #6ba3eb,orange,yellow,green,blue,indigo,violet);">Your content here..</div>
#6ba3eb Background Color
This sample paragraph has a background color of #6ba3eb
<p style="background-color:#6ba3eb;">Your content here..</p>
#6ba3eb Text Shadow
This sample text has a shadow color of #6ba3eb
<p style="text-shadow:2px 2px 1px #6ba3eb">Your text here</p>
Sample text with glow color #6ba3eb
This sample text has a glow color of #6ba3eb
<span style="color:#000;text-shadow: 0 0 2px #6ba3eb">Your text here..</span>
#6ba3eb Box Shadow
This sample element has a box shadow of #6ba3eb
<div style="-moz-box-shadow:1px 1px 3px 2px #6ba3eb; -webkit-box-shadow:1px 1px 3px 2px #6ba3eb; box-shadow:1px 1px 3px 2px #6ba3eb;">Your content here..</div>
Sample text with Underline Color #6ba3eb
This sample text has a underline color of #6ba3eb
<span style="color:#000;border-bottom: 1px solid #6ba3eb">Your text here..</span>
A selection of SVG images/icons using the hex version #6ba3eb of the current color.

Hex Code #6ba3eb web previews. Sample HTML/CSS paragraph codes using Cornflower Blue color.

Cornflower Blue #6ba3eb Similar Colors

#22a552#c2e2f9#faa4fc#a0ef28#f5c0f9#2fb4e0
#9ff7fc#f9f48b#bc29bc#eab146#79d1d1#0e7187
Popular Free Books
Iron Flame E-Book Download
Iron FlameRebecca YarrosEpic2023-11-07
Demon Copperhead E-Book Download
Demon CopperheadBarbara KingsolverFiction & Literature2022-10-18
Unnatural Death E-Book Download
Unnatural DeathPatricia CornwellMysteries & Thrillers2023-11-28
Released E-Book Download
ReleasedGypsy-Rose Blanchard, Melissa Moore & Michele MatriscianiTrue Crime2024-01-09
Rock Bottom E-Book Download
Rock BottomFern MichaelsAction & Adventure2023-12-26
Alex Cross Must Die E-Book Download
Alex Cross Must DieJames PattersonMysteries & Thrillers2023-11-20
Blog
How can you prepare for the release of GA4

The release of GA4, or Google Analytics 4, represents a major step forward for web analytics and businesses. With its advanced measurement capabilities, user-friendly interface, and improved privacy features, GA4 has the potential to revolutionize th...

Is Buying a Prebuilt Shopify Store Worth It? A Comprehensive Analysis

Introduction: The Allure of Prebuilt Shopify Stores In the world of e-commerce, time is money. Business owners are constantly looking for ways to streamline processes, save time, and generate revenue quickly. Prebuilt Shopify stores have emerged as a...

How do I set up GA4 e-commerce tracking on Shopify?

Google Analytics 4 (GA4) is the latest version of Google Analytics and provides a comprehensive suite of measurement tools for businesses. One important feature of GA4 is its e-commerce tracking capability, which allows businesses to track the perfor...

When will shopify support ga4?

Shopify is a leading e-commerce platform that allows businesses of all sizes to create and manage an online store with ease. It provides a comprehensive range of features and functionalities to help businesses sell their products and services to a gl...

How will the release of GA4 affect your shopify business?

The release of Google Analytics 4 (GA4) is a significant event for e-commerce businesses, including those using Shopify. As the newest version of Google’s web analytics platform, GA4 offers a wealth of advanced features and capabilities that ca...

↑