Color picker

#3d7fcc

Conversion

HEX#3d7fcc
HEX8#3d7fccff
RGBrgb(61, 127, 204)
CMYK[0.7,0.38,0,0.2]
Name#3d7fcc
HCL[275.53,46.2,52.43]
oklab[0.59,-0.04,-0.13]
Num4030412
HSI[212.54,0.53,0.51]
lab[52.43,4.45,-45.99]
Lighten
#8eb4e1
Darken
#224e81
Saturate
#257de4
Desaturate
#5681b3
Greyscale
#848484
Brighten
#70b2ff

Color harmonies of #3d7fcc

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.
#3d7fcc
#cc3d7f
#7fcc3d

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.
#3d7fcc
#cc3dc6
#cc8a3d
#3dcc43

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.
#3d7fcc
#4a99f6
#0a1522
#17304c
#244a77
#3065a1

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.
#3d7fcc
#3db8cc
#3d9ccc
#3d7fcc
#3d62cc
#3d46cc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d7fcc
#a73dcc
#b8cc3d

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
#f1f6fb
#e3edf8
#d5e4f4
#c8daf0
#bad1ed
#acc8e9
#9ebfe6
#90b6e2
#82adde
#74a4db
#679ad7
#5991d3
#4b88d0
#3d7fcc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04090f
#09121d
#0d1b2c
#11243a
#162d49
#1a3657
#1f4066
#234975
#275283
#2c5b92
#3064a0
#346daf
#3976bd
#3d7fcc

Contrast Checker

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

4.113 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!
5.106 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 #3d7fcc

Some examples of color palettes with #3d7fcc. View more

Use #3d7fcc in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet