colorhexa.com

#374c95 hex color

In a RGB color space, hex #374c95 is composed of 21.6% red, 29.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 49% magenta, 0% yellow and 41.6% black. It has a hue angle of 226.6 degrees, a saturation of 46.1% and a lightness of 40%. #374c95 color hex could be obtained by blending #6e98ff with #00002b. Closest websafe color is: #333399.

- R 22
- G 30
- B 58
RGB color chart
- C 63
- M 49
- Y 0
- K 42
CMYK color chart

● #374c95 color description : Dark moderate blue.

The hexadecimal color #374c95 has RGB values of R:55, G:76, B:149 and CMYK values of C:0.63, M:0.49, Y:0, K:0.42. Its decimal value is 3624085.

Hex triplet	374c95	`#374c95`
RGB Decimal	55, 76, 149	`rgb(55,76,149)`
RGB Percent	21.6, 29.8, 58.4	`rgb(21.6%,29.8%,58.4%)`
CMYK	63, 49, 0, 42
HSL	226.6°, 46.1, 40	`hsl(226.6,46.1%,40%)`
HSV (or HSB)	226.6°, 63.1, 58.4
Web Safe	333399	`#333399`

CIE-LAB	34.294, 15.934, -42.701
XYZ	9.584, 8.151, 29.5
xyY	0.203, 0.173, 8.151
CIE-LCH	34.294, 45.577, 290.464
CIE-LUV	34.294, -10.638, -60.376
Hunter-Lab	28.549, 9.96, -41.281
Binary	00110111, 01001100, 10010101

#374c95
```
#374c95 rgb(55,76,149)
```
#958037
```
#958037 rgb(149,128,55)
```

Complementary Color

#377b95
```
#377b95 rgb(55,123,149)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#513795
```
#513795 rgb(81,55,149)
```

Analogous Color

#7b9537
```
#7b9537 rgb(123,149,55)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#955137
```
#955137 rgb(149,81,55)
```

Split Complementary Color

#4c9537
```
#4c9537 rgb(76,149,55)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#95374c
```
#95374c rgb(149,55,76)
```

Triadic Color

#379580
```
#379580 rgb(55,149,128)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#95374c
```
#95374c rgb(149,55,76)
```
#958037
```
#958037 rgb(149,128,55)
```

Tetradic Color

#22305d
```
#22305d rgb(34,48,93)
```
#293970
```
#293970 rgb(41,57,112)
```
#304382
```
#304382 rgb(48,67,130)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#3e56a8
```
#3e56a8 rgb(62,86,168)
```
#455fba
```
#455fba rgb(69,95,186)
```
#576fc1
```
#576fc1 rgb(87,111,193)
```

Monochromatic Color

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

#376495
```
#376495 rgb(55,100,149)
```
#375c95
```
#375c95 rgb(55,92,149)
```
#375495
```
#375495 rgb(55,84,149)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#374495
```
#374495 rgb(55,68,149)
```
#373c95
```
#373c95 rgb(55,60,149)
```
#3a3795
```
#3a3795 rgb(58,55,149)
```

Similar Colors

Text with hexadecimal color #374c95

This text has a font color of #374c95.

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

#374c95 background color

This paragraph has a background color of #374c95.

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

#374c95 border color

This element has a border color of #374c95.

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

CSS codes

.text {color:#374c95;}

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

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

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 #f6f8fc is the lightest one.

#020306
```
#020306 rgb(2,3,6)
```
#070a14
```
#070a14 rgb(7,10,20)
```
#0d1222
```
#0d1222 rgb(13,18,34)
```
#121931
```
#121931 rgb(18,25,49)
```
#17203f
```
#17203f rgb(23,32,63)
```
#1d274d
```
#1d274d rgb(29,39,77)
```
#222f5c
```
#222f5c rgb(34,47,92)
```
#27366a
```
#27366a rgb(39,54,106)
```
#2c3d78
```
#2c3d78 rgb(44,61,120)
```
#324587
```
#324587 rgb(50,69,135)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#3c53a3
```
#3c53a3 rgb(60,83,163)
```
#425bb2
```
#425bb2 rgb(66,91,178)
```

Shade Color Variation

#4a64bc
```
#4a64bc rgb(74,100,188)
```
#5970c2
```
#5970c2 rgb(89,112,194)
```
#677dc7
```
#677dc7 rgb(103,125,199)
```
#7589cc
```
#7589cc rgb(117,137,204)
```
#8495d2
```
#8495d2 rgb(132,149,210)
```
#92a1d7
```
#92a1d7 rgb(146,161,215)
```
#a0aedc
```
#a0aedc rgb(160,174,220)
```
#afbae1
```
#afbae1 rgb(175,186,225)
```
#bdc6e7
```
#bdc6e7 rgb(189,198,231)
```
#cbd3ec
```
#cbd3ec rgb(203,211,236)
```
#dadff1
```
#dadff1 rgb(218,223,241)
```
#e8ebf7
```
#e8ebf7 rgb(232,235,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#5e626e
```
#5e626e rgb(94,98,110)
```
#565d76
```
#565d76 rgb(86,93,118)
```
#4f597d
```
#4f597d rgb(79,89,125)
```
#475585
```
#475585 rgb(71,85,133)
```
#3f508d
```
#3f508d rgb(63,80,141)
```
#374c95
```
#374c95 rgb(55,76,149)
```
#2f489d
```
#2f489d rgb(47,72,157)
```
#2743a5
```
#2743a5 rgb(39,67,165)
```
#1f3fad
```
#1f3fad rgb(31,63,173)
```
#183bb4
```
#183bb4 rgb(24,59,180)
```
#1036bc
```
#1036bc rgb(16,54,188)
```
#0832c4
```
#0832c4 rgb(8,50,196)
```
#002ecc
```
#002ecc rgb(0,46,204)
```

Tone Color Variation

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

Dichromacy

#32579c Protanopia 1% of men
#0a5b98 Deuteranopia 1% of men
#1e6168 Tritanopia 0.001% of the population

Trichromacy

#345399 Protanomaly 1% of men, 0.01% of women
#1a5596 Deuteranomaly 6% of men, 0.4% of women
#275978 Tritanomaly 0.01% of the population