#374d68 hex color

In a RGB color space, hex #374d68 is composed of 21.6% red, 30.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 26% magenta, 0% yellow and 59.2% black. It has a hue angle of 213.1 degrees, a saturation of 30.8% and a lightness of 31.2%. #374d68 color hex could be obtained by blending #6e9ad0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 30
- B 41
RGB color chart
- C 47
- M 26
- Y 0
- K 59
CMYK color chart

● #374d68 color description : Very dark desaturated blue.

The hexadecimal color #374d68 has RGB values of R:55, G:77, B:104 and CMYK values of C:0.47, M:0.26, Y:0, K:0.59. Its decimal value is 3624296.

Hex triplet	374d68	`#374d68`
RGB Decimal	55, 77, 104	`rgb(55,77,104)`
RGB Percent	21.6, 30.2, 40.8	`rgb(21.6%,30.2%,40.8%)`
CMYK	47, 26, 0, 59
HSL	213.1°, 30.8, 31.2	`hsl(213.1,30.8%,31.2%)`
HSV (or HSB)	213.1°, 47.1, 40.8
Web Safe	336666	`#336666`

CIE-LAB	32.077, -0.399, -18.332
XYZ	6.728, 7.119, 14.116
xyY	0.241, 0.255, 7.119
CIE-LCH	32.077, 18.336, 268.754
CIE-LUV	32.077, -10.502, -23.874
Hunter-Lab	26.682, -1.686, -12.689
Binary	00110111, 01001101, 01101000

#374d68
```
#374d68 rgb(55,77,104)
```
#685237
```
#685237 rgb(104,82,55)
```

Complementary Color

#376668
```
#376668 rgb(55,102,104)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#3a3768
```
#3a3768 rgb(58,55,104)
```

Analogous Color

#666837
```
#666837 rgb(102,104,55)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#683a37
```
#683a37 rgb(104,58,55)
```

Split Complementary Color

#4d6837
```
#4d6837 rgb(77,104,55)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#68374d
```
#68374d rgb(104,55,77)
```

Triadic Color

#376852
```
#376852 rgb(55,104,82)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#68374d
```
#68374d rgb(104,55,77)
```
#685237
```
#685237 rgb(104,82,55)
```

Tetradic Color

#1d2836
```
#1d2836 rgb(29,40,54)
```
#253447
```
#253447 rgb(37,52,71)
```
#2e4157
```
#2e4157 rgb(46,65,87)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#405979
```
#405979 rgb(64,89,121)
```
#496689
```
#496689 rgb(73,102,137)
```
#51729a
```
#51729a rgb(81,114,154)
```

Monochromatic Color

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

#375968
```
#375968 rgb(55,89,104)
```
#375568
```
#375568 rgb(55,85,104)
```
#375168
```
#375168 rgb(55,81,104)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#374968
```
#374968 rgb(55,73,104)
```
#374568
```
#374568 rgb(55,69,104)
```
#374168
```
#374168 rgb(55,65,104)
```

Similar Colors

Text with hexadecimal color #374d68

This text has a font color of #374d68.

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

#374d68 background color

This paragraph has a background color of #374d68.

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

#374d68 border color

This element has a border color of #374d68.

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

CSS codes

.text {color:#374d68;}

.background {background-color:#374d68;}

.border {border:1px solid #374d68;}

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, #010101 is the darkest color, while #f4f6f9 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#080b0e
```
#080b0e rgb(8,11,14)
```
#0e141b
```
#0e141b rgb(14,20,27)
```
#151e28
```
#151e28 rgb(21,30,40)
```
#1c2735
```
#1c2735 rgb(28,39,53)
```
#233142
```
#233142 rgb(35,49,66)
```
#293a4e
```
#293a4e rgb(41,58,78)
```
#30445b
```
#30445b rgb(48,68,91)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#3e5675
```
#3e5675 rgb(62,86,117)
```
#456082
```
#456082 rgb(69,96,130)
```
#4b698e
```
#4b698e rgb(75,105,142)
```
#52739b
```
#52739b rgb(82,115,155)
```

Shade Color Variation

#5a7da8
```
#5a7da8 rgb(90,125,168)
```
#6687ae
```
#6687ae rgb(102,135,174)
```
#7391b5
```
#7391b5 rgb(115,145,181)
```
#809bbc
```
#809bbc rgb(128,155,188)
```
#8da5c3
```
#8da5c3 rgb(141,165,195)
```
#9aafc9
```
#9aafc9 rgb(154,175,201)
```
#a7b9d0
```
#a7b9d0 rgb(167,185,208)
```
#b3c3d7
```
#b3c3d7 rgb(179,195,215)
```
#c0cdde
```
#c0cdde rgb(192,205,222)
```
#cdd8e5
```
#cdd8e5 rgb(205,216,229)
```
#dae2eb
```
#dae2eb rgb(218,226,235)
```
#e7ecf2
```
#e7ecf2 rgb(231,236,242)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

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

#4f4f50
```
#4f4f50 rgb(79,79,80)
```
#494f56
```
#494f56 rgb(73,79,86)
```
#434e5c
```
#434e5c rgb(67,78,92)
```
#3d4e62
```
#3d4e62 rgb(61,78,98)
```
#374d68
```
#374d68 rgb(55,77,104)
```
#314c6e
```
#314c6e rgb(49,76,110)
```
#2b4c74
```
#2b4c74 rgb(43,76,116)
```
#254b7a
```
#254b7a rgb(37,75,122)
```
#1f4b80
```
#1f4b80 rgb(31,75,128)
```
#184a87
```
#184a87 rgb(24,74,135)
```
#12498d
```
#12498d rgb(18,73,141)
```
#0c4993
```
#0c4993 rgb(12,73,147)
```
#064899
```
#064899 rgb(6,72,153)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#464b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c536e Protanopia 1% of men
#4b5370 Deuteranopia 1% of men
#3b595f Tritanopia 0.001% of the population

Trichromacy

#44516b Protanomaly 1% of men, 0.01% of women
#44516d Deuteranomaly 6% of men, 0.4% of women
#395462 Tritanomaly 0.01% of the population

#374d68 hex color

#374d68 Color Information

#374d68 Color Conversion

Color Schemes with #374d68

Alternatives to #374d68

#374d68 Preview

Shades and Tints of #374d68

Tones of #374d68

Color Blindness Simulator