#374980 hex color

In a RGB color space, hex #374980 is composed of 21.6% red, 28.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 43% magenta, 0% yellow and 49.8% black. It has a hue angle of 225.2 degrees, a saturation of 39.9% and a lightness of 35.9%. #374980 color hex could be obtained by blending #6e92ff with #000001. Closest websafe color is: #333399.

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

● #374980 color description : Dark moderate blue.

The hexadecimal color #374980 has RGB values of R:55, G:73, B:128 and CMYK values of C:0.57, M:0.43, Y:0, K:0.5. Its decimal value is 3623296.

Hex triplet	374980	`#374980`
RGB Decimal	55, 73, 128	`rgb(55,73,128)`
RGB Percent	21.6, 28.6, 50.2	`rgb(21.6%,28.6%,50.2%)`
CMYK	57, 43, 0, 50
HSL	225.2°, 39.9, 35.9	`hsl(225.2,39.9%,35.9%)`
HSV (or HSB)	225.2°, 57, 50.2
Web Safe	333399	`#333399`

CIE-LAB	32.113, 10.392, -33.3
XYZ	7.854, 7.135, 21.384
xyY	0.216, 0.196, 7.135
CIE-LCH	32.113, 34.884, 287.332
CIE-LUV	32.113, -9.343, -45.775
Hunter-Lab	26.712, 5.734, -28.766
Binary	00110111, 01001001, 10000000

#374980
```
#374980 rgb(55,73,128)
```
#806e37
```
#806e37 rgb(128,110,55)
```

Complementary Color

#376e80
```
#376e80 rgb(55,110,128)
```
#374980
```
#374980 rgb(55,73,128)
```
#4a3780
```
#4a3780 rgb(74,55,128)
```

Analogous Color

#6e8037
```
#6e8037 rgb(110,128,55)
```
#374980
```
#374980 rgb(55,73,128)
```
#804a37
```
#804a37 rgb(128,74,55)
```

Split Complementary Color

#498037
```
#498037 rgb(73,128,55)
```
#374980
```
#374980 rgb(55,73,128)
```
#803749
```
#803749 rgb(128,55,73)
```

Triadic Color

#37806e
```
#37806e rgb(55,128,110)
```
#374980
```
#374980 rgb(55,73,128)
```
#803749
```
#803749 rgb(128,55,73)
```
#806e37
```
#806e37 rgb(128,110,55)
```

Tetradic Color

#202a4a
```
#202a4a rgb(32,42,74)
```
#28355c
```
#28355c rgb(40,53,92)
```
#2f3f6e
```
#2f3f6e rgb(47,63,110)
```
#374980
```
#374980 rgb(55,73,128)
```
#3f5392
```
#3f5392 rgb(63,83,146)
```
#465da4
```
#465da4 rgb(70,93,164)
```
#5068b4
```
#5068b4 rgb(80,104,180)
```

Monochromatic Color

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

#375b80
```
#375b80 rgb(55,91,128)
```
#375580
```
#375580 rgb(55,85,128)
```
#374f80
```
#374f80 rgb(55,79,128)
```
#374980
```
#374980 rgb(55,73,128)
```
#374380
```
#374380 rgb(55,67,128)
```
#373d80
```
#373d80 rgb(55,61,128)
```
#373780
```
#373780 rgb(55,55,128)
```

Similar Colors

Text with hexadecimal color #374980

This text has a font color of #374980.

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

#374980 background color

This paragraph has a background color of #374980.

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

#374980 border color

This element has a border color of #374980.

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

CSS codes

.text {color:#374980;}

.background {background-color:#374980;}

.border {border:1px solid #374980;}

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

#020305
```
#020305 rgb(2,3,5)
```
#080a12
```
#080a12 rgb(8,10,18)
```
#0e1220
```
#0e1220 rgb(14,18,32)
```
#141a2e
```
#141a2e rgb(20,26,46)
```
#1a223b
```
#1a223b rgb(26,34,59)
```
#1f2a49
```
#1f2a49 rgb(31,42,73)
```
#253257
```
#253257 rgb(37,50,87)
```
#2b3965
```
#2b3965 rgb(43,57,101)
```
#314172
```
#314172 rgb(49,65,114)
```
#374980
```
#374980 rgb(55,73,128)
```
#3d518e
```
#3d518e rgb(61,81,142)
```
#43599b
```
#43599b rgb(67,89,155)
```
#4960a9
```
#4960a9 rgb(73,96,169)
```

Shade Color Variation

#516ab4
```
#516ab4 rgb(81,106,180)
```
#5f75ba
```
#5f75ba rgb(95,117,186)
```
#6d81c0
```
#6d81c0 rgb(109,129,192)
```
#7a8dc6
```
#7a8dc6 rgb(122,141,198)
```
#8899cc
```
#8899cc rgb(136,153,204)
```
#96a5d2
```
#96a5d2 rgb(150,165,210)
```
#a3b0d8
```
#a3b0d8 rgb(163,176,216)
```
#b1bcde
```
#b1bcde rgb(177,188,222)
```
#bfc8e3
```
#bfc8e3 rgb(191,200,227)
```
#cdd4e9
```
#cdd4e9 rgb(205,212,233)
```
#dae0ef
```
#dae0ef rgb(218,224,239)
```
#e8ebf5
```
#e8ebf5 rgb(232,235,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#5a5b5d
```
#5a5b5d rgb(90,91,93)
```
#535764
```
#535764 rgb(83,87,100)
```
#4c546b
```
#4c546b rgb(76,84,107)
```
#455072
```
#455072 rgb(69,80,114)
```
#3e4d79
```
#3e4d79 rgb(62,77,121)
```
#374980
```
#374980 rgb(55,73,128)
```
#304587
```
#304587 rgb(48,69,135)
```
#29428e
```
#29428e rgb(41,66,142)
```
#223e95
```
#223e95 rgb(34,62,149)
```
#1b3b9c
```
#1b3b9c rgb(27,59,156)
```
#1437a3
```
#1437a3 rgb(20,55,163)
```
#0d34aa
```
#0d34aa rgb(13,52,170)
```
#0630b1
```
#0630b1 rgb(6,48,177)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#464a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5387 Protanopia 1% of men
#325585 Deuteranopia 1% of men
#2f5b61 Tritanopia 0.001% of the population

Trichromacy

#3b4f84 Protanomaly 1% of men, 0.01% of women
#345083 Deuteranomaly 6% of men, 0.4% of women
#32546c Tritanomaly 0.01% of the population

#374980 hex color

#374980 Color Information

#374980 Color Conversion

Color Schemes with #374980

Alternatives to #374980

#374980 Preview

Shades and Tints of #374980

Tones of #374980

Color Blindness Simulator