#374a96 hex color

In a RGB color space, hex #374a96 is composed of 21.6% red, 29% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 50.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 228 degrees, a saturation of 46.3% and a lightness of 40.2%. #374a96 color hex could be obtained by blending #6e94ff with #00002d. Closest websafe color is: #333399.

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

● #374a96 color description : Dark moderate blue.

The hexadecimal color #374a96 has RGB values of R:55, G:74, B:150 and CMYK values of C:0.63, M:0.51, Y:0, K:0.41. Its decimal value is 3623574.

Hex triplet	374a96	`#374a96`
RGB Decimal	55, 74, 150	`rgb(55,74,150)`
RGB Percent	21.6, 29, 58.8	`rgb(21.6%,29%,58.8%)`
CMYK	63, 51, 0, 41
HSL	228°, 46.3, 40.2	`hsl(228,46.3%,40.2%)`
HSV (or HSB)	228°, 63.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	33.797, 17.626, -44.107
XYZ	9.528, 7.911, 29.877
xyY	0.201, 0.167, 7.911
CIE-LCH	33.797, 47.498, 291.783
CIE-LUV	33.797, -10.05, -62.156
Hunter-Lab	28.127, 11.246, -43.291
Binary	00110111, 01001010, 10010110

#374a96
```
#374a96 rgb(55,74,150)
```
#968337
```
#968337 rgb(150,131,55)
```

Complementary Color

#377a96
```
#377a96 rgb(55,122,150)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#543796
```
#543796 rgb(84,55,150)
```

Analogous Color

#7a9637
```
#7a9637 rgb(122,150,55)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#965437
```
#965437 rgb(150,84,55)
```

Split Complementary Color

#4a9637
```
#4a9637 rgb(74,150,55)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#96374a
```
#96374a rgb(150,55,74)
```

Triadic Color

#379683
```
#379683 rgb(55,150,131)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#96374a
```
#96374a rgb(150,55,74)
```
#968337
```
#968337 rgb(150,131,55)
```

Tetradic Color

#222e5e
```
#222e5e rgb(34,46,94)
```
#293871
```
#293871 rgb(41,56,113)
```
#304183
```
#304183 rgb(48,65,131)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#3e53a9
```
#3e53a9 rgb(62,83,169)
```
#455dbb
```
#455dbb rgb(69,93,187)
```
#586dc2
```
#586dc2 rgb(88,109,194)
```

Monochromatic Color

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

#376296
```
#376296 rgb(55,98,150)
```
#375a96
```
#375a96 rgb(55,90,150)
```
#375296
```
#375296 rgb(55,82,150)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#374296
```
#374296 rgb(55,66,150)
```
#373a96
```
#373a96 rgb(55,58,150)
```
#3c3796
```
#3c3796 rgb(60,55,150)
```

Similar Colors

Text with hexadecimal color #374a96

This text has a font color of #374a96.

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

#374a96 background color

This paragraph has a background color of #374a96.

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

#374a96 border color

This element has a border color of #374a96.

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

CSS codes

.text {color:#374a96;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080a15
```
#080a15 rgb(8,10,21)
```
#0d1123
```
#0d1123 rgb(13,17,35)
```
#121832
```
#121832 rgb(18,24,50)
```
#172040
```
#172040 rgb(23,32,64)
```
#1d274e
```
#1d274e rgb(29,39,78)
```
#222e5d
```
#222e5d rgb(34,46,93)
```
#27356b
```
#27356b rgb(39,53,107)
```
#2c3c79
```
#2c3c79 rgb(44,60,121)
```
#324388
```
#324388 rgb(50,67,136)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#3c51a4
```
#3c51a4 rgb(60,81,164)
```
#4258b3
```
#4258b3 rgb(66,88,179)
```

Shade Color Variation

#4b62bd
```
#4b62bd rgb(75,98,189)
```
#596ec2
```
#596ec2 rgb(89,110,194)
```
#687bc7
```
#687bc7 rgb(104,123,199)
```
#7687cd
```
#7687cd rgb(118,135,205)
```
#8494d2
```
#8494d2 rgb(132,148,210)
```
#93a0d7
```
#93a0d7 rgb(147,160,215)
```
#a1addd
```
#a1addd rgb(161,173,221)
```
#afb9e2
```
#afb9e2 rgb(175,185,226)
```
#bec6e7
```
#bec6e7 rgb(190,198,231)
```
#ccd3ec
```
#ccd3ec rgb(204,211,236)
```
#dadff2
```
#dadff2 rgb(218,223,242)
```
#e9ecf7
```
#e9ecf7 rgb(233,236,247)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666667 is the less saturated color, while #082ec5 is the most saturated one.

#666667
```
#666667 rgb(102,102,103)
```
#5e626f
```
#5e626f rgb(94,98,111)
```
#575d76
```
#575d76 rgb(87,93,118)
```
#4f587e
```
#4f587e rgb(79,88,126)
```
#475386
```
#475386 rgb(71,83,134)
```
#3f4f8e
```
#3f4f8e rgb(63,79,142)
```
#374a96
```
#374a96 rgb(55,74,150)
```
#2f459e
```
#2f459e rgb(47,69,158)
```
#2741a6
```
#2741a6 rgb(39,65,166)
```
#1f3cae
```
#1f3cae rgb(31,60,174)
```
#1737b6
```
#1737b6 rgb(23,55,182)
```
#1032bd
```
#1032bd rgb(16,50,189)
```
#082ec5
```
#082ec5 rgb(8,46,197)
```

Tone Color Variation

Below, you can see how #374a96 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
#494c5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c569d Protanopia 1% of men
#005a95 Deuteranopia 1% of men
#1b6067 Tritanopia 0.001% of the population

Trichromacy

#30519b Protanomaly 1% of men, 0.01% of women
#145495 Deuteranomaly 6% of men, 0.4% of women
#255878 Tritanomaly 0.01% of the population

#374a96 hex color

#374a96 Color Information

#374a96 Color Conversion

Color Schemes with #374a96

Alternatives to #374a96

#374a96 Preview

Shades and Tints of #374a96

Tones of #374a96

Color Blindness Simulator