Color picker

#317f9e

Conversion

HEX#317f9e
HEX8#317f9eff
RGBrgb(49, 127, 158)
CMYK[0.69,0.2,0,0.38]
Name#317f9e
HCL[240.17,27.16,49.86]
oklab[0.56,-0.06,-0.07]
Num3243934
HSI[196.02,0.56,0.44]
lab[49.86,-13.51,-23.56]
Lighten
#66b1cf
Darken
#194050
Saturate
#1c88b3
Desaturate
#467689
Greyscale
#676767
Brighten
#64b2d1

Color harmonies of #317f9e

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.
#317f9e
#9e317f
#7f9e31

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.
#317f9e
#86319e
#9e5031
#489e31

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.
#317f9e
#3ea1c8
#4bc3f3
#09191e
#173b49
#245d73

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.
#317f9e
#319e91
#31959e
#317f9e
#31699e
#31539e

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#317f9e
#66319e
#9e9131

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
#f0f6f8
#e2edf1
#d3e4ea
#c4dae3
#b5d1dc
#a7c8d5
#98bfcf
#89b6c8
#7badc1
#6ca4ba
#5d9ab3
#4e91ac
#4088a5
#317f9e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04090b
#071217
#0b1b22
#0e242d
#122d38
#153644
#19404f
#1c495a
#205266
#235b71
#27647c
#2a6d87
#2e7693
#317f9e

Contrast Checker

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

4.506 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!
4.66 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 #317f9e

Some examples of color palettes with #317f9e. View more

Use #317f9e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet