#376b5f hex color

In a RGB color space, hex #376b5f is composed of 21.6% red, 42% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 11.2% yellow and 58% black. It has a hue angle of 166.2 degrees, a saturation of 32.1% and a lightness of 31.8%. #376b5f color hex could be obtained by blending #6ed6be with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 42
- B 37
RGB color chart
- C 49
- M 0
- Y 11
- K 58
CMYK color chart

● #376b5f color description : Very dark desaturated cyan.

The hexadecimal color #376b5f has RGB values of R:55, G:107, B:95 and CMYK values of C:0.49, M:0, Y:0.11, K:0.58. Its decimal value is 3631967.

Hex triplet	376b5f	`#376b5f`
RGB Decimal	55, 107, 95	`rgb(55,107,95)`
RGB Percent	21.6, 42, 37.3	`rgb(21.6%,42%,37.3%)`
CMYK	49, 0, 11, 58
HSL	166.2°, 32.1, 31.8	`hsl(166.2,32.1%,31.8%)`
HSV (or HSB)	166.2°, 48.6, 42
Web Safe	336666	`#336666`

CIE-LAB	41.459, -20.633, 1.341
XYZ	8.898, 12.153, 12.703
xyY	0.264, 0.36, 12.153
CIE-LCH	41.459, 20.676, 176.282
CIE-LUV	41.459, -22.971, 4.671
Hunter-Lab	34.862, -15.447, 2.799
Binary	00110111, 01101011, 01011111

#376b5f
```
#376b5f rgb(55,107,95)
```
#6b3743
```
#6b3743 rgb(107,55,67)
```

Complementary Color

#376b45
```
#376b45 rgb(55,107,69)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#375d6b
```
#375d6b rgb(55,93,107)
```

Analogous Color

#6b4537
```
#6b4537 rgb(107,69,55)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#6b375d
```
#6b375d rgb(107,55,93)
```

Split Complementary Color

#6b5f37
```
#6b5f37 rgb(107,95,55)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#5f376b
```
#5f376b rgb(95,55,107)
```

Triadic Color

#436b37
```
#436b37 rgb(67,107,55)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#5f376b
```
#5f376b rgb(95,55,107)
```
#6b3743
```
#6b3743 rgb(107,55,67)
```

Tetradic Color

#1d3832
```
#1d3832 rgb(29,56,50)
```
#264941
```
#264941 rgb(38,73,65)
```
#2e5a50
```
#2e5a50 rgb(46,90,80)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#407c6e
```
#407c6e rgb(64,124,110)
```
#488d7d
```
#488d7d rgb(72,141,125)
```
#519e8c
```
#519e8c rgb(81,158,140)
```

Monochromatic Color

Below, you can see some colors close to #376b5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#376b52
```
#376b52 rgb(55,107,82)
```
#376b56
```
#376b56 rgb(55,107,86)
```
#376b5b
```
#376b5b rgb(55,107,91)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#376b63
```
#376b63 rgb(55,107,99)
```
#376b68
```
#376b68 rgb(55,107,104)
```
#376a6b
```
#376a6b rgb(55,106,107)
```

Similar Colors

Text with hexadecimal color #376b5f

This text has a font color of #376b5f.

<span style="color:#376b5f;">Text here</span>

#376b5f background color

This paragraph has a background color of #376b5f.

<p style="background-color:#376b5f;">Content here</p>

#376b5f border color

This element has a border color of #376b5f.

<div style="border:1px solid #376b5f;">Content here</div>

CSS codes

.text {color:#376b5f;}

.background {background-color:#376b5f;}

.border {border:1px solid #376b5f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020303 is the darkest color, while #f5faf9 is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0f1d1a
```
#0f1d1a rgb(15,29,26)
```
#162a25
```
#162a25 rgb(22,42,37)
```
#1c3731
```
#1c3731 rgb(28,55,49)
```
#23443c
```
#23443c rgb(35,68,60)
```
#2a5148
```
#2a5148 rgb(42,81,72)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#3e786b
```
#3e786b rgb(62,120,107)
```
#448576
```
#448576 rgb(68,133,118)
```
#4b9282
```
#4b9282 rgb(75,146,130)
```
#529f8d
```
#529f8d rgb(82,159,141)
```

Shade Color Variation

#5aaa98
```
#5aaa98 rgb(90,170,152)
```
#67b1a0
```
#67b1a0 rgb(103,177,160)
```
#74b7a8
```
#74b7a8 rgb(116,183,168)
```
#81beb0
```
#81beb0 rgb(129,190,176)
```
#8ec5b8
```
#8ec5b8 rgb(142,197,184)
```
#9bcbc0
```
#9bcbc0 rgb(155,203,192)
```
#a8d2c8
```
#a8d2c8 rgb(168,210,200)
```
#b5d9d0
```
#b5d9d0 rgb(181,217,208)
```
#c2dfd9
```
#c2dfd9 rgb(194,223,217)
```
#cfe6e1
```
#cfe6e1 rgb(207,230,225)
```
#dbede9
```
#dbede9 rgb(219,237,233)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505252 is the less saturated color, while #059d7a is the most saturated one.

#505252
```
#505252 rgb(80,82,82)
```
#4a5855
```
#4a5855 rgb(74,88,85)
```
#435f58
```
#435f58 rgb(67,95,88)
```
#3d655c
```
#3d655c rgb(61,101,92)
```
#376b5f
```
#376b5f rgb(55,107,95)
```
#317162
```
#317162 rgb(49,113,98)
```
#2b7766
```
#2b7766 rgb(43,119,102)
```
#247e69
```
#247e69 rgb(36,126,105)
```
#1e846c
```
#1e846c rgb(30,132,108)
```
#188a70
```
#188a70 rgb(24,138,112)
```
#129073
```
#129073 rgb(18,144,115)
```
#0b9776
```
#0b9776 rgb(11,151,118)
```
#059d7a
```
#059d7a rgb(5,157,122)
```

Tone Color Variation

Below, you can see how #376b5f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5a5a5a Achromatopsia 0.005% of the population
#535d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6962 Protanopia 1% of men
#73666b Deuteranopia 1% of men
#477078 Tritanopia 0.001% of the population

Trichromacy

#596a61 Protanomaly 1% of men, 0.01% of women
#5d6866 Deuteranomaly 6% of men, 0.4% of women
#416e6f Tritanomaly 0.01% of the population

#376b5f hex color

#376b5f Color Information

#376b5f Color Conversion

Color Schemes with #376b5f

Alternatives to #376b5f

#376b5f Preview

Shades and Tints of #376b5f

Tones of #376b5f

Color Blindness Simulator