colorhexa.com

#374285 hex color

In a RGB color space, hex #374285 is composed of 21.6% red, 25.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 50.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 231.5 degrees, a saturation of 41.5% and a lightness of 36.9%. #374285 color hex could be obtained by blending #6e84ff with #00000b. Closest websafe color is: #333399.

- R 22
- G 26
- B 52
RGB color chart
- C 59
- M 50
- Y 0
- K 48
CMYK color chart

● #374285 color description : Dark moderate blue.

The hexadecimal color #374285 has RGB values of R:55, G:66, B:133 and CMYK values of C:0.59, M:0.5, Y:0, K:0.48. Its decimal value is 3621509.

Hex triplet	374285	`#374285`
RGB Decimal	55, 66, 133	`rgb(55,66,133)`
RGB Percent	21.6, 25.9, 52.2	`rgb(21.6%,25.9%,52.2%)`
CMYK	59, 50, 0, 48
HSL	231.5°, 41.5, 36.9	`hsl(231.5,41.5%,36.9%)`
HSV (or HSB)	231.5°, 58.6, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.404, 16.859, -39.131
XYZ	7.757, 6.402, 23.016
xyY	0.209, 0.172, 6.402
CIE-LCH	30.404, 42.608, 293.307
CIE-LUV	30.404, -7.242, -53.348
Hunter-Lab	25.302, 10.443, -36.223
Binary	00110111, 01000010, 10000101

#374285
```
#374285 rgb(55,66,133)
```
#857a37
```
#857a37 rgb(133,122,55)
```

Complementary Color

#376985
```
#376985 rgb(55,105,133)
```
#374285
```
#374285 rgb(55,66,133)
```
#533785
```
#533785 rgb(83,55,133)
```

Analogous Color

#698537
```
#698537 rgb(105,133,55)
```
#374285
```
#374285 rgb(55,66,133)
```
#855337
```
#855337 rgb(133,83,55)
```

Split Complementary Color

#428537
```
#428537 rgb(66,133,55)
```
#374285
```
#374285 rgb(55,66,133)
```
#853742
```
#853742 rgb(133,55,66)
```

Triadic Color

#37857a
```
#37857a rgb(55,133,122)
```
#374285
```
#374285 rgb(55,66,133)
```
#853742
```
#853742 rgb(133,55,66)
```
#857a37
```
#857a37 rgb(133,122,55)
```

Tetradic Color

#21274f
```
#21274f rgb(33,39,79)
```
#283061
```
#283061 rgb(40,48,97)
```
#303973
```
#303973 rgb(48,57,115)
```
#374285
```
#374285 rgb(55,66,133)
```
#3e4b97
```
#3e4b97 rgb(62,75,151)
```
#4654a9
```
#4654a9 rgb(70,84,169)
```
#5160b7
```
#5160b7 rgb(81,96,183)
```

Monochromatic Color

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

#375685
```
#375685 rgb(55,86,133)
```
#374f85
```
#374f85 rgb(55,79,133)
```
#374985
```
#374985 rgb(55,73,133)
```
#374285
```
#374285 rgb(55,66,133)
```
#373c85
```
#373c85 rgb(55,60,133)
```
#393785
```
#393785 rgb(57,55,133)
```
#403785
```
#403785 rgb(64,55,133)
```

Similar Colors

Text with hexadecimal color #374285

This text has a font color of #374285.

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

#374285 background color

This paragraph has a background color of #374285.

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

#374285 border color

This element has a border color of #374285.

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

CSS codes

.text {color:#374285;}

.background {background-color:#374285;}

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090b16
```
#090b16 rgb(9,11,22)
```
#0f1224
```
#0f1224 rgb(15,18,36)
```
#151932
```
#151932 rgb(21,25,50)
```
#1a2040
```
#1a2040 rgb(26,32,64)
```
#20264d
```
#20264d rgb(32,38,77)
```
#262d5b
```
#262d5b rgb(38,45,91)
```
#2c3469
```
#2c3469 rgb(44,52,105)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#374285
```
#374285 rgb(55,66,133)
```
#3d4993
```
#3d4993 rgb(61,73,147)
```
#4250a1
```
#4250a1 rgb(66,80,161)
```
#4857af
```
#4857af rgb(72,87,175)
```

Shade Color Variation

#5361b8
```
#5361b8 rgb(83,97,184)
```
#616ebd
```
#616ebd rgb(97,110,189)
```
#6e7ac3
```
#6e7ac3 rgb(110,122,195)
```
#7c87c9
```
#7c87c9 rgb(124,135,201)
```
#8a94cf
```
#8a94cf rgb(138,148,207)
```
#98a1d4
```
#98a1d4 rgb(152,161,212)
```
#a6adda
```
#a6adda rgb(166,173,218)
```
#b4bae0
```
#b4bae0 rgb(180,186,224)
```
#c2c7e6
```
#c2c7e6 rgb(194,199,230)
```
#d0d4eb
```
#d0d4eb rgb(208,212,235)
```
#dde0f1
```
#dde0f1 rgb(221,224,241)
```
#ebedf7
```
#ebedf7 rgb(235,237,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#5b5c61
```
#5b5c61 rgb(91,92,97)
```
#545768
```
#545768 rgb(84,87,104)
```
#4d526f
```
#4d526f rgb(77,82,111)
```
#454c77
```
#454c77 rgb(69,76,119)
```
#3e477e
```
#3e477e rgb(62,71,126)
```
#374285
```
#374285 rgb(55,66,133)
```
#303d8c
```
#303d8c rgb(48,61,140)
```
#293893
```
#293893 rgb(41,56,147)
```
#21329b
```
#21329b rgb(33,50,155)
```
#1a2da2
```
#1a2da2 rgb(26,45,162)
```
#1328a9
```
#1328a9 rgb(19,40,169)
```
#0c23b0
```
#0c23b0 rgb(12,35,176)
```
#041eb8
```
#041eb8 rgb(4,30,184)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#434553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c4f8e Protanopia 1% of men
#135288 Deuteranopia 1% of men
#29575d Tritanopia 0.001% of the population

Trichromacy

#304a8a Protanomaly 1% of men, 0.01% of women
#204c87 Deuteranomaly 6% of men, 0.4% of women
#2e4f6c Tritanomaly 0.01% of the population