#374950 hex color

In a RGB color space, hex #374950 is composed of 21.6% red, 28.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 8.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 196.8 degrees, a saturation of 18.5% and a lightness of 26.5%. #374950 color hex could be obtained by blending #6e92a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 22
- G 29
- B 31
RGB color chart
- C 31
- M 9
- Y 0
- K 69
CMYK color chart

● #374950 color description : Very dark grayish blue.

The hexadecimal color #374950 has RGB values of R:55, G:73, B:80 and CMYK values of C:0.31, M:0.09, Y:0, K:0.69. Its decimal value is 3623248.

Hex triplet	374950	`#374950`
RGB Decimal	55, 73, 80	`rgb(55,73,80)`
RGB Percent	21.6, 28.6, 31.4	`rgb(21.6%,28.6%,31.4%)`
CMYK	31, 9, 0, 69
HSL	196.8°, 18.5, 26.5	`hsl(196.8,18.5%,26.5%)`
HSV (or HSB)	196.8°, 31.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	29.803, -5.145, -6.48
XYZ	5.406, 6.156, 8.492
xyY	0.27, 0.307, 6.156
CIE-LCH	29.803, 8.275, 231.55
CIE-LUV	29.803, -8.667, -7.248
Hunter-Lab	24.812, -4.531, -2.925
Binary	00110111, 01001001, 01010000

#374950
```
#374950 rgb(55,73,80)
```
#503e37
```
#503e37 rgb(80,62,55)
```

Complementary Color

#37504b
```
#37504b rgb(55,80,75)
```
#374950
```
#374950 rgb(55,73,80)
```
#373d50
```
#373d50 rgb(55,61,80)
```

Analogous Color

#504b37
```
#504b37 rgb(80,75,55)
```
#374950
```
#374950 rgb(55,73,80)
```
#50373d
```
#50373d rgb(80,55,61)
```

Split Complementary Color

#495037
```
#495037 rgb(73,80,55)
```
#374950
```
#374950 rgb(55,73,80)
```
#503749
```
#503749 rgb(80,55,73)
```

Triadic Color

#37503e
```
#37503e rgb(55,80,62)
```
#374950
```
#374950 rgb(55,73,80)
```
#503749
```
#503749 rgb(80,55,73)
```
#503e37
```
#503e37 rgb(80,62,55)
```

Tetradic Color

#182023
```
#182023 rgb(24,32,35)
```
#222d32
```
#222d32 rgb(34,45,50)
```
#2d3b41
```
#2d3b41 rgb(45,59,65)
```
#374950
```
#374950 rgb(55,73,80)
```
#41575f
```
#41575f rgb(65,87,95)
```
#4c656e
```
#4c656e rgb(76,101,110)
```
#56727d
```
#56727d rgb(86,114,125)
```

Monochromatic Color

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

#374f50
```
#374f50 rgb(55,79,80)
```
#374d50
```
#374d50 rgb(55,77,80)
```
#374b50
```
#374b50 rgb(55,75,80)
```
#374950
```
#374950 rgb(55,73,80)
```
#374750
```
#374750 rgb(55,71,80)
```
#374550
```
#374550 rgb(55,69,80)
```
#374350
```
#374350 rgb(55,67,80)
```

Similar Colors

Text with hexadecimal color #374950

This text has a font color of #374950.

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

#374950 background color

This paragraph has a background color of #374950.

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

#374950 border color

This element has a border color of #374950.

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

CSS codes

.text {color:#374950;}

.background {background-color:#374950;}

.border {border:1px solid #374950;}

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, #07090a is the darkest color, while #fefefe is the lightest one.

#07090a
```
#07090a rgb(7,9,10)
```
#0f1416
```
#0f1416 rgb(15,20,22)
```
#171f22
```
#171f22 rgb(23,31,34)
```
#1f292d
```
#1f292d rgb(31,41,45)
```
#273439
```
#273439 rgb(39,52,57)
```
#2f3e44
```
#2f3e44 rgb(47,62,68)
```
#374950
```
#374950 rgb(55,73,80)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#475e67
```
#475e67 rgb(71,94,103)
```
#4f6973
```
#4f6973 rgb(79,105,115)
```
#57737e
```
#57737e rgb(87,115,126)
```
#5f7e8a
```
#5f7e8a rgb(95,126,138)
```
#678996
```
#678996 rgb(103,137,150)
```

Shade Color Variation

#72929e
```
#72929e rgb(114,146,158)
```
#7e9ba6
```
#7e9ba6 rgb(126,155,166)
```
#89a4ae
```
#89a4ae rgb(137,164,174)
```
#95adb6
```
#95adb6 rgb(149,173,182)
```
#a1b6be
```
#a1b6be rgb(161,182,190)
```
#acbfc6
```
#acbfc6 rgb(172,191,198)
```
#b8c8ce
```
#b8c8ce rgb(184,200,206)
```
#c4d1d6
```
#c4d1d6 rgb(196,209,214)
```
#cfdade
```
#cfdade rgb(207,218,222)
```
#dbe3e6
```
#dbe3e6 rgb(219,227,230)
```
#e6ecee
```
#e6ecee rgb(230,236,238)
```
#f2f5f6
```
#f2f5f6 rgb(242,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#414446
```
#414446 rgb(65,68,70)
```
#3c474b
```
#3c474b rgb(60,71,75)
```
#374950
```
#374950 rgb(55,73,80)
```
#324b55
```
#324b55 rgb(50,75,85)
```
#2d4e5a
```
#2d4e5a rgb(45,78,90)
```
#275060
```
#275060 rgb(39,80,96)
```
#225265
```
#225265 rgb(34,82,101)
```
#1d546a
```
#1d546a rgb(29,84,106)
```
#18576f
```
#18576f rgb(24,87,111)
```
#135974
```
#135974 rgb(19,89,116)
```
#0d5b7a
```
#0d5b7a rgb(13,91,122)
```
#085e7f
```
#085e7f rgb(8,94,127)
```
#036084
```
#036084 rgb(3,96,132)
```

Tone Color Variation

Below, you can see how #374950 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

#444444 Achromatopsia 0.005% of the population
#414546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4f57 Protanopia 1% of men
#514d5a Deuteranopia 1% of men
#415258 Tritanopia 0.001% of the population

Trichromacy

#464d54 Protanomaly 1% of men, 0.01% of women
#484c56 Deuteranomaly 6% of men, 0.4% of women
#3d4f55 Tritanomaly 0.01% of the population

#374950 hex color

#374950 Color Information

#374950 Color Conversion

Color Schemes with #374950

Alternatives to #374950

#374950 Preview

Shades and Tints of #374950

Tones of #374950

Color Blindness Simulator