#374d7d hex color

In a RGB color space, hex #374d7d is composed of 21.6% red, 30.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 38.4% magenta, 0% yellow and 51% black. It has a hue angle of 221.1 degrees, a saturation of 38.9% and a lightness of 35.3%. #374d7d color hex could be obtained by blending #6e9afa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 30
- B 49
RGB color chart
- C 56
- M 38
- Y 0
- K 51
CMYK color chart

● #374d7d color description : Dark moderate blue.

The hexadecimal color #374d7d has RGB values of R:55, G:77, B:125 and CMYK values of C:0.56, M:0.38, Y:0, K:0.51. Its decimal value is 3624317.

Hex triplet	374d7d	`#374d7d`
RGB Decimal	55, 77, 125	`rgb(55,77,125)`
RGB Percent	21.6, 30.2, 49	`rgb(21.6%,30.2%,49%)`
CMYK	56, 38, 0, 51
HSL	221.1°, 38.9, 35.3	`hsl(221.1,38.9%,35.3%)`
HSV (or HSB)	221.1°, 56, 49
Web Safe	336666	`#336666`

CIE-LAB	33.136, 6.691, -29.818
XYZ	7.93, 7.6, 20.45
xyY	0.22, 0.211, 7.6
CIE-LCH	33.136, 30.56, 282.647
CIE-LUV	33.136, -10.67, -40.98
Hunter-Lab	27.569, 3.102, -24.683
Binary	00110111, 01001101, 01111101

#374d7d
```
#374d7d rgb(55,77,125)
```
#7d6737
```
#7d6737 rgb(125,103,55)
```

Complementary Color

#37707d
```
#37707d rgb(55,112,125)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#44377d
```
#44377d rgb(68,55,125)
```

Analogous Color

#707d37
```
#707d37 rgb(112,125,55)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#7d4437
```
#7d4437 rgb(125,68,55)
```

Split Complementary Color

#4d7d37
```
#4d7d37 rgb(77,125,55)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#7d374d
```
#7d374d rgb(125,55,77)
```

Triadic Color

#377d67
```
#377d67 rgb(55,125,103)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#7d374d
```
#7d374d rgb(125,55,77)
```
#7d6737
```
#7d6737 rgb(125,103,55)
```

Tetradic Color

#202c48
```
#202c48 rgb(32,44,72)
```
#27375a
```
#27375a rgb(39,55,90)
```
#2f426b
```
#2f426b rgb(47,66,107)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#3f588f
```
#3f588f rgb(63,88,143)
```
#4763a0
```
#4763a0 rgb(71,99,160)
```
#4f6eb2
```
#4f6eb2 rgb(79,110,178)
```

Monochromatic Color

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

#375f7d
```
#375f7d rgb(55,95,125)
```
#37597d
```
#37597d rgb(55,89,125)
```
#37537d
```
#37537d rgb(55,83,125)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#37477d
```
#37477d rgb(55,71,125)
```
#37417d
```
#37417d rgb(55,65,125)
```
#373c7d
```
#373c7d rgb(55,60,125)
```

Similar Colors

Text with hexadecimal color #374d7d

This text has a font color of #374d7d.

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

#374d7d background color

This paragraph has a background color of #374d7d.

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

#374d7d border color

This element has a border color of #374d7d.

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

CSS codes

.text {color:#374d7d;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070a10
```
#070a10 rgb(7,10,16)
```
#0d121e
```
#0d121e rgb(13,18,30)
```
#131b2b
```
#131b2b rgb(19,27,43)
```
#192339
```
#192339 rgb(25,35,57)
```
#1f2b47
```
#1f2b47 rgb(31,43,71)
```
#253454
```
#253454 rgb(37,52,84)
```
#2b3c62
```
#2b3c62 rgb(43,60,98)
```
#31456f
```
#31456f rgb(49,69,111)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#3d558b
```
#3d558b rgb(61,85,139)
```
#435e98
```
#435e98 rgb(67,94,152)
```
#4966a6
```
#4966a6 rgb(73,102,166)
```

Shade Color Variation

#506fb2
```
#506fb2 rgb(80,111,178)
```
#5e7ab8
```
#5e7ab8 rgb(94,122,184)
```
#6c86be
```
#6c86be rgb(108,134,190)
```
#7991c4
```
#7991c4 rgb(121,145,196)
```
#879cca
```
#879cca rgb(135,156,202)
```
#94a7d0
```
#94a7d0 rgb(148,167,208)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#b0bedc
```
#b0bedc rgb(176,190,220)
```
#bdc9e2
```
#bdc9e2 rgb(189,201,226)
```
#cbd4e8
```
#cbd4e8 rgb(203,212,232)
```
#d9dfee
```
#d9dfee rgb(217,223,238)
```
#e6ebf4
```
#e6ebf4 rgb(230,235,244)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

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

#5a5a5a
```
#5a5a5a rgb(90,90,90)
```
#535761
```
#535761 rgb(83,87,97)
```
#4c5568
```
#4c5568 rgb(76,85,104)
```
#45526f
```
#45526f rgb(69,82,111)
```
#3e5076
```
#3e5076 rgb(62,80,118)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#304a84
```
#304a84 rgb(48,74,132)
```
#29488b
```
#29488b rgb(41,72,139)
```
#224592
```
#224592 rgb(34,69,146)
```
#1b4399
```
#1b4399 rgb(27,67,153)
```
#1440a0
```
#1440a0 rgb(20,64,160)
```
#0d3ea7
```
#0d3ea7 rgb(13,62,167)
```
#073bad
```
#073bad rgb(7,59,173)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#484c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445583 Protanopia 1% of men
#3c5783 Deuteranopia 1% of men
#325d64 Tritanopia 0.001% of the population

Trichromacy

#3f5281 Protanomaly 1% of men, 0.01% of women
#3a5381 Deuteranomaly 6% of men, 0.4% of women
#34576d Tritanomaly 0.01% of the population

#374d7d hex color

#374d7d Color Information

#374d7d Color Conversion

Color Schemes with #374d7d

Alternatives to #374d7d

#374d7d Preview

Shades and Tints of #374d7d

Tones of #374d7d

Color Blindness Simulator