#354d85 hex color

In a RGB color space, hex #354d85 is composed of 20.8% red, 30.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 42.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 222 degrees, a saturation of 43% and a lightness of 36.5%. #354d85 color hex could be obtained by blending #6a9aff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 30
- B 52
RGB color chart
- C 60
- M 42
- Y 0
- K 48
CMYK color chart

● #354d85 color description : Dark moderate blue.

The hexadecimal color #354d85 has RGB values of R:53, G:77, B:133 and CMYK values of C:0.6, M:0.42, Y:0, K:0.48. Its decimal value is 3493253.

Hex triplet	354d85	`#354d85`
RGB Decimal	53, 77, 133	`rgb(53,77,133)`
RGB Percent	20.8, 30.2, 52.2	`rgb(20.8%,30.2%,52.2%)`
CMYK	60, 42, 0, 48
HSL	222°, 43, 36.5	`hsl(222,43%,36.5%)`
HSV (or HSB)	222°, 60.2, 52.2
Web Safe	336699	`#336699`

CIE-LAB	33.473, 9.07, -34.236
XYZ	8.355, 7.758, 23.246
xyY	0.212, 0.197, 7.758
CIE-LCH	33.473, 35.417, 284.838
CIE-LUV	33.473, -11.306, -47.559
Hunter-Lab	27.853, 4.802, -29.987
Binary	00110101, 01001101, 10000101

#354d85
```
#354d85 rgb(53,77,133)
```
#856d35
```
#856d35 rgb(133,109,53)
```

Complementary Color

#357585
```
#357585 rgb(53,117,133)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#453585
```
#453585 rgb(69,53,133)
```

Analogous Color

#758535
```
#758535 rgb(117,133,53)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#854535
```
#854535 rgb(133,69,53)
```

Split Complementary Color

#4d8535
```
#4d8535 rgb(77,133,53)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#85354d
```
#85354d rgb(133,53,77)
```

Triadic Color

#35856d
```
#35856d rgb(53,133,109)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#85354d
```
#85354d rgb(133,53,77)
```
#856d35
```
#856d35 rgb(133,109,53)
```

Tetradic Color

#1f2d4e
```
#1f2d4e rgb(31,45,78)
```
#263861
```
#263861 rgb(38,56,97)
```
#2e4273
```
#2e4273 rgb(46,66,115)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#3c5897
```
#3c5897 rgb(60,88,151)
```
#4462a9
```
#4462a9 rgb(68,98,169)
```
#4e6eb8
```
#4e6eb8 rgb(78,110,184)
```

Monochromatic Color

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

#356185
```
#356185 rgb(53,97,133)
```
#355a85
```
#355a85 rgb(53,90,133)
```
#355485
```
#355485 rgb(53,84,133)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#354685
```
#354685 rgb(53,70,133)
```
#354085
```
#354085 rgb(53,64,133)
```
#353985
```
#353985 rgb(53,57,133)
```

Similar Colors

Text with hexadecimal color #354d85

This text has a font color of #354d85.

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

#354d85 background color

This paragraph has a background color of #354d85.

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

#354d85 border color

This element has a border color of #354d85.

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

CSS codes

.text {color:#354d85;}

.background {background-color:#354d85;}

.border {border:1px solid #354d85;}

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

#030407
```
#030407 rgb(3,4,7)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0e1423
```
#0e1423 rgb(14,20,35)
```
#131c31
```
#131c31 rgb(19,28,49)
```
#19243f
```
#19243f rgb(25,36,63)
```
#1f2d4d
```
#1f2d4d rgb(31,45,77)
```
#24355b
```
#24355b rgb(36,53,91)
```
#2a3d69
```
#2a3d69 rgb(42,61,105)
```
#2f4577
```
#2f4577 rgb(47,69,119)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#3b5593
```
#3b5593 rgb(59,85,147)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#4665af
```
#4665af rgb(70,101,175)
```

Shade Color Variation

#4f6fb9
```
#4f6fb9 rgb(79,111,185)
```
#5d7bbf
```
#5d7bbf rgb(93,123,191)
```
#6b86c4
```
#6b86c4 rgb(107,134,196)
```
#7a92ca
```
#7a92ca rgb(122,146,202)
```
#889dcf
```
#889dcf rgb(136,157,207)
```
#96a9d5
```
#96a9d5 rgb(150,169,213)
```
#a4b4db
```
#a4b4db rgb(164,180,219)
```
#b2c0e0
```
#b2c0e0 rgb(178,192,224)
```
#c0cbe6
```
#c0cbe6 rgb(192,203,230)
```
#ced7eb
```
#ced7eb rgb(206,215,235)
```
#dce2f1
```
#dce2f1 rgb(220,226,241)
```
#eaeef7
```
#eaeef7 rgb(234,238,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595b61 is the less saturated color, while #0339b7 is the most saturated one.

#595b61
```
#595b61 rgb(89,91,97)
```
#525868
```
#525868 rgb(82,88,104)
```
#4a5670
```
#4a5670 rgb(74,86,112)
```
#435377
```
#435377 rgb(67,83,119)
```
#3c507e
```
#3c507e rgb(60,80,126)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#2e4a8c
```
#2e4a8c rgb(46,74,140)
```
#274793
```
#274793 rgb(39,71,147)
```
#20449a
```
#20449a rgb(32,68,154)
```
#1842a2
```
#1842a2 rgb(24,66,162)
```
#113fa9
```
#113fa9 rgb(17,63,169)
```
#0a3cb0
```
#0a3cb0 rgb(10,60,176)
```
#0339b7
```
#0339b7 rgb(3,57,183)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#40568b Protanopia 1% of men
#33588a Deuteranopia 1% of men
#2a5e65 Tritanopia 0.001% of the population

Trichromacy

#3c5288 Protanomaly 1% of men, 0.01% of women
#345488 Deuteranomaly 6% of men, 0.4% of women
#2e5871 Tritanomaly 0.01% of the population

#354d85 hex color

#354d85 Color Information

#354d85 Color Conversion

Color Schemes with #354d85

Alternatives to #354d85

#354d85 Preview

Shades and Tints of #354d85

Tones of #354d85

Color Blindness Simulator