Color picker

#376675

Conversion

HEX#376675
HEX8#376675ff
RGBrgb(55, 102, 117)
CMYK[0.53,0.13,0,0.54]
Name#376675
HCL[229.28,17.63,40.57]
oklab[0.48,-0.04,-0.04]
Num3630709
HSI[193.41,0.4,0.36]
lab[40.57,-11.5,-13.36]
Lighten
#5e9fb4
Darken
#162930
Saturate
#266f86
Desaturate
#485d64
Greyscale
#565656
Brighten
#6a99a8

Color harmonies of #376675

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.
#376675
#753766
#667537

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.
#376675
#653775
#754637
#477537

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.
#376675
#4b8b9f
#5fb0ca
#73d5f4
#0f1c20
#23414a

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.
#376675
#37756b
#377275
#376675
#375a75
#374d75

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#376675
#523775
#756b37

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
#f1f4f5
#e2e9eb
#d4dee1
#c6d3d8
#b8c8ce
#a9bdc4
#9bb3ba
#8da8b0
#7e9da6
#70929c
#628793
#547c89
#45717f
#376675

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040708
#080f11
#0c1619
#101d21
#14242a
#182c32
#1c333b
#1f3a43
#23424b
#274954
#2b505c
#2f5764
#335f6d
#376675

Contrast Checker

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

6.326 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!
3.32 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 #376675

Some examples of color palettes with #376675. View more

Use #376675 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet