#374b96 hex color

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

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

● #374b96 color description : Dark moderate blue.

The hexadecimal color #374b96 has RGB values of R:55, G:75, B:150 and CMYK values of C:0.63, M:0.5, Y:0, K:0.41. Its decimal value is 3623830.

Hex triplet	374b96	`#374b96`
RGB Decimal	55, 75, 150	`rgb(55,75,150)`
RGB Percent	21.6, 29.4, 58.8	`rgb(21.6%,29.4%,58.8%)`
CMYK	63, 50, 0, 41
HSL	227.4°, 46.3, 40.2	`hsl(227.4,46.3%,40.2%)`
HSV (or HSB)	227.4°, 63.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	34.078, 16.962, -43.655
XYZ	9.595, 8.046, 29.9
xyY	0.202, 0.169, 8.046
CIE-LCH	34.078, 46.834, 291.233
CIE-LUV	34.078, -10.35, -61.651
Hunter-Lab	28.365, 10.744, -42.642
Binary	00110111, 01001011, 10010110

#374b96
```
#374b96 rgb(55,75,150)
```
#968237
```
#968237 rgb(150,130,55)
```

Complementary Color

#377b96
```
#377b96 rgb(55,123,150)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#533796
```
#533796 rgb(83,55,150)
```

Analogous Color

#7b9637
```
#7b9637 rgb(123,150,55)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#965337
```
#965337 rgb(150,83,55)
```

Split Complementary Color

#4b9637
```
#4b9637 rgb(75,150,55)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#96374b
```
#96374b rgb(150,55,75)
```

Triadic Color

#379682
```
#379682 rgb(55,150,130)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#96374b
```
#96374b rgb(150,55,75)
```
#968237
```
#968237 rgb(150,130,55)
```

Tetradic Color

#222f5e
```
#222f5e rgb(34,47,94)
```
#293871
```
#293871 rgb(41,56,113)
```
#304283
```
#304283 rgb(48,66,131)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#3e54a9
```
#3e54a9 rgb(62,84,169)
```
#455ebb
```
#455ebb rgb(69,94,187)
```
#586ec2
```
#586ec2 rgb(88,110,194)
```

Monochromatic Color

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

#376396
```
#376396 rgb(55,99,150)
```
#375b96
```
#375b96 rgb(55,91,150)
```
#375396
```
#375396 rgb(55,83,150)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#374396
```
#374396 rgb(55,67,150)
```
#373b96
```
#373b96 rgb(55,59,150)
```
#3b3796
```
#3b3796 rgb(59,55,150)
```

Similar Colors

Text with hexadecimal color #374b96

This text has a font color of #374b96.

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

#374b96 background color

This paragraph has a background color of #374b96.

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

#374b96 border color

This element has a border color of #374b96.

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

CSS codes

.text {color:#374b96;}

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

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

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)
```
#0d1223
```
#0d1223 rgb(13,18,35)
```
#121932
```
#121932 rgb(18,25,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)
```
#2c3d79
```
#2c3d79 rgb(44,61,121)
```
#324488
```
#324488 rgb(50,68,136)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#3c52a4
```
#3c52a4 rgb(60,82,164)
```
#4259b3
```
#4259b3 rgb(66,89,179)
```

Shade Color Variation

#4b63bd
```
#4b63bd rgb(75,99,189)
```
#596fc2
```
#596fc2 rgb(89,111,194)
```
#687cc7
```
#687cc7 rgb(104,124,199)
```
#7688cd
```
#7688cd rgb(118,136,205)
```
#8495d2
```
#8495d2 rgb(132,149,210)
```
#93a1d7
```
#93a1d7 rgb(147,161,215)
```
#a1aedd
```
#a1aedd rgb(161,174,221)
```
#afbae2
```
#afbae2 rgb(175,186,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 #0830c5 is the most saturated one.

#666667
```
#666667 rgb(102,102,103)
```
#5e626f
```
#5e626f rgb(94,98,111)
```
#575d76
```
#575d76 rgb(87,93,118)
```
#4f597e
```
#4f597e rgb(79,89,126)
```
#475486
```
#475486 rgb(71,84,134)
```
#3f508e
```
#3f508e rgb(63,80,142)
```
#374b96
```
#374b96 rgb(55,75,150)
```
#2f469e
```
#2f469e rgb(47,70,158)
```
#2742a6
```
#2742a6 rgb(39,66,166)
```
#1f3dae
```
#1f3dae rgb(31,61,174)
```
#1739b6
```
#1739b6 rgb(23,57,182)
```
#1034bd
```
#1034bd rgb(16,52,189)
```
#0830c5
```
#0830c5 rgb(8,48,197)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#494d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e569d Protanopia 1% of men
#005a97 Deuteranopia 1% of men
#1c6168 Tritanopia 0.001% of the population

Trichromacy

#31529a Protanomaly 1% of men, 0.01% of women
#145596 Deuteranomaly 6% of men, 0.4% of women
#265979 Tritanomaly 0.01% of the population

#374b96 hex color

#374b96 Color Information

#374b96 Color Conversion

Color Schemes with #374b96

Alternatives to #374b96

#374b96 Preview

Shades and Tints of #374b96

Tones of #374b96

Color Blindness Simulator