#374a64 hex color

In a RGB color space, hex #374a64 is composed of 21.6% red, 29% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 26% magenta, 0% yellow and 60.8% black. It has a hue angle of 214.7 degrees, a saturation of 29% and a lightness of 30.4%. #374a64 color hex could be obtained by blending #6e94c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 22
- G 29
- B 39
RGB color chart
- C 45
- M 26
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #374a64 has RGB values of R:55, G:74, B:100 and CMYK values of C:0.45, M:0.26, Y:0, K:0.61. Its decimal value is 3623524.

Hex triplet	374a64	`#374a64`
RGB Decimal	55, 74, 100	`rgb(55,74,100)`
RGB Percent	21.6, 29, 39.2	`rgb(21.6%,29%,39.2%)`
CMYK	45, 26, 0, 61
HSL	214.7°, 29, 30.4	`hsl(214.7,29%,30.4%)`
HSV (or HSB)	214.7°, 45, 39.2
Web Safe	333366	`#333366`

CIE-LAB	30.948, 0.244, -17.542
XYZ	6.324, 6.63, 13.002
xyY	0.244, 0.255, 6.63
CIE-LCH	30.948, 17.544, 270.796
CIE-LUV	30.948, -9.299, -22.612
Hunter-Lab	25.748, -1.217, -11.917
Binary	00110111, 01001010, 01100100

#374a64
```
#374a64 rgb(55,74,100)
```
#645137
```
#645137 rgb(100,81,55)
```

Complementary Color

#376164
```
#376164 rgb(55,97,100)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#3b3764
```
#3b3764 rgb(59,55,100)
```

Analogous Color

#616437
```
#616437 rgb(97,100,55)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#643b37
```
#643b37 rgb(100,59,55)
```

Split Complementary Color

#4a6437
```
#4a6437 rgb(74,100,55)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#64374a
```
#64374a rgb(100,55,74)
```

Triadic Color

#376451
```
#376451 rgb(55,100,81)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#64374a
```
#64374a rgb(100,55,74)
```
#645137
```
#645137 rgb(100,81,55)
```

Tetradic Color

#1c2533
```
#1c2533 rgb(28,37,51)
```
#253243
```
#253243 rgb(37,50,67)
```
#2e3e54
```
#2e3e54 rgb(46,62,84)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#405674
```
#405674 rgb(64,86,116)
```
#496285
```
#496285 rgb(73,98,133)
```
#526f95
```
#526f95 rgb(82,111,149)
```

Monochromatic Color

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

#375564
```
#375564 rgb(55,85,100)
```
#375264
```
#375264 rgb(55,82,100)
```
#374e64
```
#374e64 rgb(55,78,100)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#374664
```
#374664 rgb(55,70,100)
```
#374364
```
#374364 rgb(55,67,100)
```
#373f64
```
#373f64 rgb(55,63,100)
```

Similar Colors

Text with hexadecimal color #374a64

This text has a font color of #374a64.

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

#374a64 background color

This paragraph has a background color of #374a64.

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

#374a64 border color

This element has a border color of #374a64.

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

CSS codes

.text {color:#374a64;}

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

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

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

#06080b
```
#06080b rgb(6,8,11)
```
#0d1218
```
#0d1218 rgb(13,18,24)
```
#141b25
```
#141b25 rgb(20,27,37)
```
#1b2531
```
#1b2531 rgb(27,37,49)
```
#222e3e
```
#222e3e rgb(34,46,62)
```
#29374b
```
#29374b rgb(41,55,75)
```
#304157
```
#304157 rgb(48,65,87)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#3e5371
```
#3e5371 rgb(62,83,113)
```
#455d7d
```
#455d7d rgb(69,93,125)
```
#4c668a
```
#4c668a rgb(76,102,138)
```
#536f97
```
#536f97 rgb(83,111,151)
```
#5a79a3
```
#5a79a3 rgb(90,121,163)
```

Shade Color Variation

#6683ab
```
#6683ab rgb(102,131,171)
```
#738db2
```
#738db2 rgb(115,141,178)
```
#7f97b9
```
#7f97b9 rgb(127,151,185)
```
#8ca2c0
```
#8ca2c0 rgb(140,162,192)
```
#99acc7
```
#99acc7 rgb(153,172,199)
```
#a5b6ce
```
#a5b6ce rgb(165,182,206)
```
#b2c0d5
```
#b2c0d5 rgb(178,192,213)
```
#becbdc
```
#becbdc rgb(190,203,220)
```
#cbd5e2
```
#cbd5e2 rgb(203,213,226)
```
#d8dfe9
```
#d8dfe9 rgb(216,223,233)
```
#e4e9f0
```
#e4e9f0 rgb(228,233,240)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#494d52
```
#494d52 rgb(73,77,82)
```
#434c58
```
#434c58 rgb(67,76,88)
```
#3d4b5e
```
#3d4b5e rgb(61,75,94)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#31496a
```
#31496a rgb(49,73,106)
```
#2b4870
```
#2b4870 rgb(43,72,112)
```
#254776
```
#254776 rgb(37,71,118)
```
#1f467c
```
#1f467c rgb(31,70,124)
```
#194582
```
#194582 rgb(25,69,130)
```
#134488
```
#134488 rgb(19,68,136)
```
#0d448e
```
#0d448e rgb(13,68,142)
```
#074394
```
#074394 rgb(7,67,148)
```
#01429a
```
#01429a rgb(1,66,154)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#44484d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a516a Protanopia 1% of men
#49516c Deuteranopia 1% of men
#3c565c Tritanopia 0.001% of the population

Trichromacy

#434e68 Protanomaly 1% of men, 0.01% of women
#434e69 Deuteranomaly 6% of men, 0.4% of women
#3a515f Tritanomaly 0.01% of the population

#374a64 hex color

#374a64 Color Information

#374a64 Color Conversion

Color Schemes with #374a64

Alternatives to #374a64

#374a64 Preview

Shades and Tints of #374a64

Tones of #374a64

Color Blindness Simulator