#374a5c hex color

In a RGB color space, hex #374a5c is composed of 21.6% red, 29% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 19.6% magenta, 0% yellow and 63.9% black. It has a hue angle of 209.2 degrees, a saturation of 25.2% and a lightness of 28.8%. #374a5c color hex could be obtained by blending #6e94b8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 22
- G 29
- B 36
RGB color chart
- C 40
- M 20
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #374a5c has RGB values of R:55, G:74, B:92 and CMYK values of C:0.4, M:0.2, Y:0, K:0.64. Its decimal value is 3623516.

Hex triplet	374a5c	`#374a5c`
RGB Decimal	55, 74, 92	`rgb(55,74,92)`
RGB Percent	21.6, 29, 36.1	`rgb(21.6%,29%,36.1%)`
CMYK	40, 20, 0, 64
HSL	209.2°, 25.2, 28.8	`hsl(209.2,25.2%,28.8%)`
HSV (or HSB)	209.2°, 40.2, 36.1
Web Safe	333366	`#333366`

CIE-LAB	30.598, -2.259, -12.982
XYZ	5.956, 6.482, 11.062
xyY	0.253, 0.276, 6.482
CIE-LCH	30.598, 13.177, 260.129
CIE-LUV	30.598, -9.211, -16.128
Hunter-Lab	25.46, -2.801, -7.938
Binary	00110111, 01001010, 01011100

#374a5c
```
#374a5c rgb(55,74,92)
```
#5c4937
```
#5c4937 rgb(92,73,55)
```

Complementary Color

#375c5c
```
#375c5c rgb(55,92,92)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#37385c
```
#37385c rgb(55,56,92)
```

Analogous Color

#5c5c37
```
#5c5c37 rgb(92,92,55)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#5c3737
```
#5c3737 rgb(92,55,55)
```

Split Complementary Color

#4a5c37
```
#4a5c37 rgb(74,92,55)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#5c374a
```
#5c374a rgb(92,55,74)
```

Triadic Color

#375c49
```
#375c49 rgb(55,92,73)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#5c374a
```
#5c374a rgb(92,55,74)
```
#5c4937
```
#5c4937 rgb(92,73,55)
```

Tetradic Color

#1a232c
```
#1a232c rgb(26,35,44)
```
#24303c
```
#24303c rgb(36,48,60)
```
#2d3d4c
```
#2d3d4c rgb(45,61,76)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#41576c
```
#41576c rgb(65,87,108)
```
#4a647c
```
#4a647c rgb(74,100,124)
```
#54718c
```
#54718c rgb(84,113,140)
```

Monochromatic Color

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

#37535c
```
#37535c rgb(55,83,92)
```
#37505c
```
#37505c rgb(55,80,92)
```
#374d5c
```
#374d5c rgb(55,77,92)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#37475c
```
#37475c rgb(55,71,92)
```
#37445c
```
#37445c rgb(55,68,92)
```
#37415c
```
#37415c rgb(55,65,92)
```

Similar Colors

Text with hexadecimal color #374a5c

This text has a font color of #374a5c.

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

#374a5c background color

This paragraph has a background color of #374a5c.

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

#374a5c border color

This element has a border color of #374a5c.

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

CSS codes

.text {color:#374a5c;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0f12
```
#0b0f12 rgb(11,15,18)
```
#12191f
```
#12191f rgb(18,25,31)
```
#1a232b
```
#1a232b rgb(26,35,43)
```
#212c37
```
#212c37 rgb(33,44,55)
```
#283643
```
#283643 rgb(40,54,67)
```
#304050
```
#304050 rgb(48,64,80)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#3e5468
```
#3e5468 rgb(62,84,104)
```
#465e75
```
#465e75 rgb(70,94,117)
```
#4d6881
```
#4d6881 rgb(77,104,129)
```
#54718d
```
#54718d rgb(84,113,141)
```
#5c7b99
```
#5c7b99 rgb(92,123,153)
```

Shade Color Variation

#6585a3
```
#6585a3 rgb(101,133,163)
```
#728fab
```
#728fab rgb(114,143,171)
```
#7e99b2
```
#7e99b2 rgb(126,153,178)
```
#8aa2b9
```
#8aa2b9 rgb(138,162,185)
```
#97acc1
```
#97acc1 rgb(151,172,193)
```
#a3b6c8
```
#a3b6c8 rgb(163,182,200)
```
#afc0cf
```
#afc0cf rgb(175,192,207)
```
#bbc9d7
```
#bbc9d7 rgb(187,201,215)
```
#c8d3de
```
#c8d3de rgb(200,211,222)
```
#d4dde5
```
#d4dde5 rgb(212,221,229)
```
#e0e7ed
```
#e0e7ed rgb(224,231,237)
```
#edf0f4
```
#edf0f4 rgb(237,240,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#484a4b
```
#484a4b rgb(72,74,75)
```
#424a51
```
#424a51 rgb(66,74,81)
```
#3d4a56
```
#3d4a56 rgb(61,74,86)
```
#374a5c
```
#374a5c rgb(55,74,92)
```
#314a62
```
#314a62 rgb(49,74,98)
```
#2c4a67
```
#2c4a67 rgb(44,74,103)
```
#264a6d
```
#264a6d rgb(38,74,109)
```
#204b73
```
#204b73 rgb(32,75,115)
```
#1b4b78
```
#1b4b78 rgb(27,75,120)
```
#154b7e
```
#154b7e rgb(21,75,126)
```
#0f4b84
```
#0f4b84 rgb(15,75,132)
```
#0a4b89
```
#0a4b89 rgb(10,75,137)
```
#044b8f
```
#044b8f rgb(4,75,143)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#43474a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5062 Protanopia 1% of men
#4d5065 Deuteranopia 1% of men
#3e555b Tritanopia 0.001% of the population

Trichromacy

#454e60 Protanomaly 1% of men, 0.01% of women
#454d62 Deuteranomaly 6% of men, 0.4% of women
#3b515b Tritanomaly 0.01% of the population

#374a5c hex color

#374a5c Color Information

#374a5c Color Conversion

Color Schemes with #374a5c

Alternatives to #374a5c

#374a5c Preview

Shades and Tints of #374a5c

Tones of #374a5c

Color Blindness Simulator