Color picker

#374aa0

Conversion

HEX#374aa0
HEX8#374aa0ff
RGBrgb(55, 74, 160)
CMYK[0.66,0.54,0,0.37]
Name#374aa0
HCL[293.45,53.44,34.49]
oklab[0.44,0,-0.14]
Num3623584
HSI[230.22,0.43,0.38]
lab[34.49,21.26,-49.02]
Lighten
#6f80ce
Darken
#1d2754
Saturate
#223cb5
Desaturate
#4c588a
Greyscale
#6b6b6b
Brighten
#6a7dd3

Color harmonies of #374aa0

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.
#374aa0
#a0374a
#4aa037

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.
#374aa0
#a0377e
#a08d37
#37a058

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.
#374aa0
#465eca
#5471f5
#0b0f20
#1a234b
#283675

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.
#374aa0
#3774a0
#375fa0
#374aa0
#3937a0
#4e37a0

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#374aa0
#a0379e
#74a037

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
#f1f2f8
#e2e5f1
#d4d8eb
#c6cbe4
#b8bedd
#a9b1d6
#9ba5d0
#8d98c9
#7e8bc2
#707ebb
#6271b4
#5464ae
#4557a7
#374aa0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04050b
#080b17
#0c1022
#10152e
#141a39
#182045
#1c2550
#1f2a5b
#233067
#273572
#2b3a7e
#2f3f89
#334595
#374aa0

Contrast Checker

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

7.926 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!
2.65 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!

Color Palettes #374aa0

Some examples of color palettes with #374aa0. View more

Use #374aa0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet