Color picker

#6da3cf

Conversion

HEX#6da3cf
HEX8#6da3cfff
RGBrgb(109, 163, 207)
CMYK[0.47,0.21,0,0.19]
Name#6da3cf
HCL[258.13,28.59,64.92]
oklab[0.69,-0.04,-0.08]
Num7185359
HSI[206.63,0.32,0.63]
lab[64.92,-5.88,-27.98]
Lighten
#bad3e8
Darken
#3571a1
Saturate
#5aa5e2
Desaturate
#80a1bc
Greyscale
#9e9e9e
Brighten
#a0d6ff

Color harmonies of #6da3cf

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#6da3cf
#cf6da3
#a3cf6d

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#6da3cf
#ca6dcf
#cf996d
#72cf6d

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#6da3cf
#83c4f9
#131d25
#2a3f4f
#40607a
#5782a4

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#6da3cf
#6dcacf
#6db7cf
#6da3cf
#6d8fcf
#6d7ccf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6da3cf
#ad6dcf
#cacf6d

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f5f8fc
#eaf2f8
#e0ebf5
#d5e5f1
#cbdeee
#c0d8ea
#b6d1e7
#accae4
#a1c4e0
#97bddd
#8cb7d9
#82b0d6
#77aad2
#6da3cf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080c0f
#10171e
#17232c
#1f2f3b
#273a4a
#2f4659
#375268
#3e5d76
#466985
#4e7494
#5680a3
#5d8cb1
#6597c0
#6da3cf

Contrast Checker

Verify the contrast of a #6da3cf colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.696 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
7.79 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #6da3cf

Some examples of color palettes with #6da3cf. View more

Use #6da3cf in CSS

#6da3cf as Background Color in CSS
<div style="background-color:#6da3cf">Background Color</div>
#6da3cf as Text Color in CSS
<div style="color:#6da3cf">Text Color</div>
#6da3cf as Border Color in CSS
<div style="border-color:#6da3cf">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet