#374d85 hex color

In a RGB color space, hex #374d85 is composed of 21.6% red, 30.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 42.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 223.1 degrees, a saturation of 41.5% and a lightness of 36.9%. #374d85 color hex could be obtained by blending #6e9aff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 30
- B 52
RGB color chart
- C 59
- M 42
- Y 0
- K 48
CMYK color chart

● #374d85 color description : Dark moderate blue.

The hexadecimal color #374d85 has RGB values of R:55, G:77, B:133 and CMYK values of C:0.59, M:0.42, Y:0, K:0.48. Its decimal value is 3624325.

Hex triplet	374d85	`#374d85`
RGB Decimal	55, 77, 133	`rgb(55,77,133)`
RGB Percent	21.6, 30.2, 52.2	`rgb(21.6%,30.2%,52.2%)`
CMYK	59, 42, 0, 48
HSL	223.1°, 41.5, 36.9	`hsl(223.1,41.5%,36.9%)`
HSV (or HSB)	223.1°, 58.6, 52.2
Web Safe	336699	`#336699`

CIE-LAB	33.59, 9.512, -34.043
XYZ	8.462, 7.813, 23.251
xyY	0.214, 0.198, 7.813
CIE-LCH	33.59, 35.346, 285.611
CIE-LUV	33.59, -10.752, -47.377
Hunter-Lab	27.952, 5.124, -29.753
Binary	00110111, 01001101, 10000101

#374d85
```
#374d85 rgb(55,77,133)
```
#856f37
```
#856f37 rgb(133,111,55)
```

Complementary Color

#377485
```
#377485 rgb(55,116,133)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#483785
```
#483785 rgb(72,55,133)
```

Analogous Color

#748537
```
#748537 rgb(116,133,55)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#854837
```
#854837 rgb(133,72,55)
```

Split Complementary Color

#4d8537
```
#4d8537 rgb(77,133,55)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#85374d
```
#85374d rgb(133,55,77)
```

Triadic Color

#37856f
```
#37856f rgb(55,133,111)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#85374d
```
#85374d rgb(133,55,77)
```
#856f37
```
#856f37 rgb(133,111,55)
```

Tetradic Color

#212e4f
```
#212e4f rgb(33,46,79)
```
#283861
```
#283861 rgb(40,56,97)
```
#304373
```
#304373 rgb(48,67,115)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#3e5797
```
#3e5797 rgb(62,87,151)
```
#4662a9
```
#4662a9 rgb(70,98,169)
```
#516eb7
```
#516eb7 rgb(81,110,183)
```

Monochromatic Color

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

#376185
```
#376185 rgb(55,97,133)
```
#375a85
```
#375a85 rgb(55,90,133)
```
#375485
```
#375485 rgb(55,84,133)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#374785
```
#374785 rgb(55,71,133)
```
#374085
```
#374085 rgb(55,64,133)
```
#373a85
```
#373a85 rgb(55,58,133)
```

Similar Colors

Text with hexadecimal color #374d85

This text has a font color of #374d85.

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

#374d85 background color

This paragraph has a background color of #374d85.

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

#374d85 border color

This element has a border color of #374d85.

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

CSS codes

.text {color:#374d85;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0f1524
```
#0f1524 rgb(15,21,36)
```
#151d32
```
#151d32 rgb(21,29,50)
```
#1a2540
```
#1a2540 rgb(26,37,64)
```
#202d4d
```
#202d4d rgb(32,45,77)
```
#26355b
```
#26355b rgb(38,53,91)
```
#2c3d69
```
#2c3d69 rgb(44,61,105)
```
#314577
```
#314577 rgb(49,69,119)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#3d5593
```
#3d5593 rgb(61,85,147)
```
#425da1
```
#425da1 rgb(66,93,161)
```
#4865af
```
#4865af rgb(72,101,175)
```

Shade Color Variation

#536fb8
```
#536fb8 rgb(83,111,184)
```
#617bbd
```
#617bbd rgb(97,123,189)
```
#6e86c3
```
#6e86c3 rgb(110,134,195)
```
#7c92c9
```
#7c92c9 rgb(124,146,201)
```
#8a9ecf
```
#8a9ecf rgb(138,158,207)
```
#98a9d4
```
#98a9d4 rgb(152,169,212)
```
#a6b5da
```
#a6b5da rgb(166,181,218)
```
#b4c0e0
```
#b4c0e0 rgb(180,192,224)
```
#c2cce6
```
#c2cce6 rgb(194,204,230)
```
#d0d7eb
```
#d0d7eb rgb(208,215,235)
```
#dde3f1
```
#dde3f1 rgb(221,227,241)
```
#ebeff7
```
#ebeff7 rgb(235,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#5b5d61
```
#5b5d61 rgb(91,93,97)
```
#545a68
```
#545a68 rgb(84,90,104)
```
#4d566f
```
#4d566f rgb(77,86,111)
```
#455377
```
#455377 rgb(69,83,119)
```
#3e507e
```
#3e507e rgb(62,80,126)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#304a8c
```
#304a8c rgb(48,74,140)
```
#294793
```
#294793 rgb(41,71,147)
```
#21449b
```
#21449b rgb(33,68,155)
```
#1a40a2
```
#1a40a2 rgb(26,64,162)
```
#133da9
```
#133da9 rgb(19,61,169)
```
#0c3ab0
```
#0c3ab0 rgb(12,58,176)
```
#0437b8
```
#0437b8 rgb(4,55,184)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#494d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#40568b Protanopia 1% of men
#34588a Deuteranopia 1% of men
#2d5e65 Tritanopia 0.001% of the population

Trichromacy

#3d5389 Protanomaly 1% of men, 0.01% of women
#355488 Deuteranomaly 6% of men, 0.4% of women
#315871 Tritanomaly 0.01% of the population

#374d85 hex color

#374d85 Color Information

#374d85 Color Conversion

Color Schemes with #374d85

Alternatives to #374d85

#374d85 Preview

Shades and Tints of #374d85

Tones of #374d85

Color Blindness Simulator