#374b68 hex color

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

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

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

The hexadecimal color #374b68 has RGB values of R:55, G:75, B:104 and CMYK values of C:0.47, M:0.28, Y:0, K:0.59. Its decimal value is 3623784.

Hex triplet	374b68	`#374b68`
RGB Decimal	55, 75, 104	`rgb(55,75,104)`
RGB Percent	21.6, 29.4, 40.8	`rgb(21.6%,29.4%,40.8%)`
CMYK	47, 28, 0, 59
HSL	215.5°, 30.8, 31.2	`hsl(215.5,30.8%,31.2%)`
HSV (or HSB)	215.5°, 47.1, 40.8
Web Safe	333366	`#333366`

CIE-LAB	31.448, 0.889, -19.305
XYZ	6.59, 6.844, 14.07
xyY	0.24, 0.249, 6.844
CIE-LCH	31.448, 19.326, 272.635
CIE-LUV	31.448, -9.729, -25.208
Hunter-Lab	26.16, -0.816, -13.576
Binary	00110111, 01001011, 01101000

#374b68
```
#374b68 rgb(55,75,104)
```
#685437
```
#685437 rgb(104,84,55)
```

Complementary Color

#376468
```
#376468 rgb(55,100,104)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#3c3768
```
#3c3768 rgb(60,55,104)
```

Analogous Color

#646837
```
#646837 rgb(100,104,55)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#683c37
```
#683c37 rgb(104,60,55)
```

Split Complementary Color

#4b6837
```
#4b6837 rgb(75,104,55)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#68374b
```
#68374b rgb(104,55,75)
```

Triadic Color

#376854
```
#376854 rgb(55,104,84)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#68374b
```
#68374b rgb(104,55,75)
```
#685437
```
#685437 rgb(104,84,55)
```

Tetradic Color

#1d2736
```
#1d2736 rgb(29,39,54)
```
#253347
```
#253347 rgb(37,51,71)
```
#2e3f57
```
#2e3f57 rgb(46,63,87)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#405779
```
#405779 rgb(64,87,121)
```
#496389
```
#496389 rgb(73,99,137)
```
#516f9a
```
#516f9a rgb(81,111,154)
```

Monochromatic Color

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

#375768
```
#375768 rgb(55,87,104)
```
#375368
```
#375368 rgb(55,83,104)
```
#374f68
```
#374f68 rgb(55,79,104)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#374768
```
#374768 rgb(55,71,104)
```
#374368
```
#374368 rgb(55,67,104)
```
#373f68
```
#373f68 rgb(55,63,104)
```

Similar Colors

Text with hexadecimal color #374b68

This text has a font color of #374b68.

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

#374b68 background color

This paragraph has a background color of #374b68.

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

#374b68 border color

This element has a border color of #374b68.

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

CSS codes

.text {color:#374b68;}

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

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

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)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#0e131b
```
#0e131b rgb(14,19,27)
```
#151d28
```
#151d28 rgb(21,29,40)
```
#1c2635
```
#1c2635 rgb(28,38,53)
```
#232f42
```
#232f42 rgb(35,47,66)
```
#29384e
```
#29384e rgb(41,56,78)
```
#30425b
```
#30425b rgb(48,66,91)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#3e5475
```
#3e5475 rgb(62,84,117)
```
#455e82
```
#455e82 rgb(69,94,130)
```
#4b678e
```
#4b678e rgb(75,103,142)
```
#52709b
```
#52709b rgb(82,112,155)
```

Shade Color Variation

#5a79a8
```
#5a79a8 rgb(90,121,168)
```
#6684ae
```
#6684ae rgb(102,132,174)
```
#738eb5
```
#738eb5 rgb(115,142,181)
```
#8098bc
```
#8098bc rgb(128,152,188)
```
#8da3c3
```
#8da3c3 rgb(141,163,195)
```
#9aadc9
```
#9aadc9 rgb(154,173,201)
```
#a7b8d0
```
#a7b8d0 rgb(167,184,208)
```
#b3c2d7
```
#b3c2d7 rgb(179,194,215)
```
#c0ccde
```
#c0ccde rgb(192,204,222)
```
#cdd7e5
```
#cdd7e5 rgb(205,215,229)
```
#dae1eb
```
#dae1eb rgb(218,225,235)
```
#e7ebf2
```
#e7ebf2 rgb(231,235,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 #064299 is the most saturated one.

#4f4f50
```
#4f4f50 rgb(79,79,80)
```
#494e56
```
#494e56 rgb(73,78,86)
```
#434d5c
```
#434d5c rgb(67,77,92)
```
#3d4c62
```
#3d4c62 rgb(61,76,98)
```
#374b68
```
#374b68 rgb(55,75,104)
```
#314a6e
```
#314a6e rgb(49,74,110)
```
#2b4974
```
#2b4974 rgb(43,73,116)
```
#25487a
```
#25487a rgb(37,72,122)
```
#1f4780
```
#1f4780 rgb(31,71,128)
```
#184587
```
#184587 rgb(24,69,135)
```
#12448d
```
#12448d rgb(18,68,141)
```
#0c4393
```
#0c4393 rgb(12,67,147)
```
#064299
```
#064299 rgb(6,66,153)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#45494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a526e Protanopia 1% of men
#485270 Deuteranopia 1% of men
#3b575e Tritanopia 0.001% of the population

Trichromacy

#434f6c Protanomaly 1% of men, 0.01% of women
#424f6d Deuteranomaly 6% of men, 0.4% of women
#395361 Tritanomaly 0.01% of the population

#374b68 hex color

#374b68 Color Information

#374b68 Color Conversion

Color Schemes with #374b68

Alternatives to #374b68

#374b68 Preview

Shades and Tints of #374b68

Tones of #374b68

Color Blindness Simulator