Cornflower blue

#6395ee Color Schemes and Preview

The color #6395ee has a rich RGB composition of 38.8% red, 58.4% green, and 93.3% blue. With its HSL value being H:218°, S:80%, L:66%. It pairs with complementary colors like #eebc63 or harmonious analogous tones such as #6395ee and #7763ee.

Color Conversion

RGB: R:99, G:149, B:238
HSL: H:218°, S:80%, L:66%
CMYK: C:58, M:37, Y:0, K:7

Similar Colors to #6395ee

#99c5ff
#7eadf7
#6395ee
#437ed5
#2468bb

Colors That Go with #6395ee

#eebc63
#63dbee
#6395ee
#7763ee
#ee6395
#95ee63

Color Variations

Shades

#6395ee
#4a76ca
#3257a5
#193981
#001a5c

Tints

#6395ee
#8ab0f2
#b1caf7
#d8e5fb
#ffffff

Tones

#7d95ce
#7095de
#6395ee
#4595f7
#2796ff

Hues

#63dbee
#86bde9
#a99fe4
#cb81df
#ee63da

Color Harmonies

Complementary Colors

#eebc63

Analogous Colors

#63dbee
#6395ee
#7763ee

Split Complementary Colors

#ee7763
#dbee63

Triadic Colors

#ee6395
#95ee63

Monochromatic Colors

#003e8a
#326abc
#6395ee
#99c6f7
#cef8ff

Color Preview

This section previews how the color looks when used in different ways.

This text is styled with the color #6395ee.

This inline text is colored with #6395ee.
This paragraph has a background color of #6395ee.
This element has a border color of #6395ee.

Accessibility: Contrast Checker

Large Text

Normal Text

2.97:1

WCAG 2.2 Simple Contrast

Normal Text: fail
Large Text: fail
AAA Normal Text: fail
AAA Large Text: fail

Large Text

Normal Text

7.06:1

WCAG 2.2 Simple Contrast

Normal Text: pass
Large Text: pass
AAA Normal Text: pass
AAA Large Text: pass

CSS Codes

Use the following CSS snippets to apply the color to text, background, or borders.

 /* Text Color */
.text {
    color: #6395ee;
}

/* Background Color */
.background {
    background-color: #6395ee;
}

/* Border Color */
.border {
    border: 1px solid #6395ee;
}

#6395ee Border Color

Div content here
<div style="border:3px solid #6395ee">Div content here</div>

Div Box Shadow

Div content here 
<div style="-moz-box-shadow: 1px 1px 3px 2px #6395ee;
                        -webkit-box-shadow: 1px 1px 3px 2px #6395ee;
                        box-shadow: 1px 1px 3px 2px #6395ee">Div content here</div>

Text Shadow with Hex Values

Text here

This text has shadow with hex values.

<p style="text-shadow: 4px 4px 2px #6395ee;">Text here</p>

Text Shadow with RGB Values

Text here

This text has shadow with RGB values.

<p style="text-shadow: 4px 4px 2px rgba(99, 149, 238, 0.8);">Text here</p>

Other Similar Colors: