Color picker

#3195af

Conversion

HEX#3195af
HEX8#3195afff
RGBrgb(49, 149, 175)
CMYK[0.72,0.15,0,0.31]
Name#3195af
HCL[227.81,29.55,57.31]
oklab[0.62,-0.08,-0.06]
Num3249583
HSI[191.27,0.61,0.49]
lab[57.31,-19.84,-21.89]
Lighten
#6fc1d7
Darken
#1b515f
Saturate
#1ba2c5
Desaturate
#478899
Greyscale
#707070
Brighten
#64c8e2

Color harmonies of #3195af

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.
#3195af
#af3195
#95af31

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.
#3195af
#8a31af
#af4b31
#56af31

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.
#3195af
#3db9d9
#010405
#0d282f
#194d5a
#257184

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.
#3195af
#31af97
#31aeaf
#3195af
#317caf
#3163af

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3195af
#6431af
#af9731

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
#f0f7f9
#e2f0f4
#d3e8ee
#c4e1e8
#b5d9e2
#a7d2dd
#98cad7
#89c2d1
#7bbbcc
#6cb3c6
#5dacc0
#4ea4ba
#409db5
#3195af

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040b0d
#071519
#0b2026
#0e2b32
#12353f
#15404b
#194b58
#1c5564
#206071
#236a7d
#27758a
#2a8096
#2e8aa3
#3195af

Contrast Checker

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

3.472 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!
6.049 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 #3195af

Some examples of color palettes with #3195af. View more

Use #3195af in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet