#354d8a hex color

In a RGB color space, hex #354d8a is composed of 20.8% red, 30.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 44.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 223.1 degrees, a saturation of 44.5% and a lightness of 37.5%. #354d8a color hex could be obtained by blending #6a9aff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 30
- B 54
RGB color chart
- C 62
- M 44
- Y 0
- K 46
CMYK color chart

● #354d8a color description : Dark moderate blue.

The hexadecimal color #354d8a has RGB values of R:53, G:77, B:138 and CMYK values of C:0.62, M:0.44, Y:0, K:0.46. Its decimal value is 3493258.

Hex triplet	354d8a	`#354d8a`
RGB Decimal	53, 77, 138	`rgb(53,77,138)`
RGB Percent	20.8, 30.2, 54.1	`rgb(20.8%,30.2%,54.1%)`
CMYK	62, 44, 0, 46
HSL	223.1°, 44.5, 37.5	`hsl(223.1,44.5%,37.5%)`
HSV (or HSB)	223.1°, 61.6, 54.1
Web Safe	336699	`#336699`

CIE-LAB	33.772, 10.875, -36.832
XYZ	8.709, 7.899, 25.109
xyY	0.209, 0.189, 7.899
CIE-LCH	33.772, 38.404, 286.45
CIE-LUV	33.772, -11.344, -51.5
Hunter-Lab	28.105, 6.124, -33.295
Binary	00110101, 01001101, 10001010

#354d8a
```
#354d8a rgb(53,77,138)
```
#8a7235
```
#8a7235 rgb(138,114,53)
```

Complementary Color

#35788a
```
#35788a rgb(53,120,138)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#47358a
```
#47358a rgb(71,53,138)
```

Analogous Color

#788a35
```
#788a35 rgb(120,138,53)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#8a4835
```
#8a4835 rgb(138,72,53)
```

Split Complementary Color

#4d8a35
```
#4d8a35 rgb(77,138,53)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#8a354d
```
#8a354d rgb(138,53,77)
```

Triadic Color

#358a72
```
#358a72 rgb(53,138,114)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#8a354d
```
#8a354d rgb(138,53,77)
```
#8a7235
```
#8a7235 rgb(138,114,53)
```

Tetradic Color

#202e53
```
#202e53 rgb(32,46,83)
```
#273865
```
#273865 rgb(39,56,101)
```
#2e4378
```
#2e4378 rgb(46,67,120)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#3c579c
```
#3c579c rgb(60,87,156)
```
#4362af
```
#4362af rgb(67,98,175)
```
#506ebc
```
#506ebc rgb(80,110,188)
```

Monochromatic Color

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

#35628a
```
#35628a rgb(53,98,138)
```
#355b8a
```
#355b8a rgb(53,91,138)
```
#35548a
```
#35548a rgb(53,84,138)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#35468a
```
#35468a rgb(53,70,138)
```
#353f8a
```
#353f8a rgb(53,63,138)
```
#35388a
```
#35388a rgb(53,56,138)
```

Similar Colors

Text with hexadecimal color #354d8a

This text has a font color of #354d8a.

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

#354d8a background color

This paragraph has a background color of #354d8a.

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

#354d8a border color

This element has a border color of #354d8a.

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

CSS codes

.text {color:#354d8a;}

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

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

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, #04060a is the darkest color, while #fbfcfe is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090e19
```
#090e19 rgb(9,14,25)
```
#0f1627
```
#0f1627 rgb(15,22,39)
```
#141e35
```
#141e35 rgb(20,30,53)
```
#1a2543
```
#1a2543 rgb(26,37,67)
```
#1f2d51
```
#1f2d51 rgb(31,45,81)
```
#25355f
```
#25355f rgb(37,53,95)
```
#2a3d6e
```
#2a3d6e rgb(42,61,110)
```
#30457c
```
#30457c rgb(48,69,124)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#3a5598
```
#3a5598 rgb(58,85,152)
```
#405da6
```
#405da6 rgb(64,93,166)
```
#4565b5
```
#4565b5 rgb(69,101,181)
```

Shade Color Variation

#516fbc
```
#516fbc rgb(81,111,188)
```
#5f7bc2
```
#5f7bc2 rgb(95,123,194)
```
#6e87c7
```
#6e87c7 rgb(110,135,199)
```
#7c93cd
```
#7c93cd rgb(124,147,205)
```
#8a9ed2
```
#8a9ed2 rgb(138,158,210)
```
#98aad7
```
#98aad7 rgb(152,170,215)
```
#a6b6dd
```
#a6b6dd rgb(166,182,221)
```
#b4c1e2
```
#b4c1e2 rgb(180,193,226)
```
#c3cde8
```
#c3cde8 rgb(195,205,232)
```
#d1d9ed
```
#d1d9ed rgb(209,217,237)
```
#dfe5f3
```
#dfe5f3 rgb(223,229,243)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5a5d65
```
#5a5d65 rgb(90,93,101)
```
#525a6d
```
#525a6d rgb(82,90,109)
```
#4b5774
```
#4b5774 rgb(75,87,116)
```
#44537b
```
#44537b rgb(68,83,123)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#2e4a91
```
#2e4a91 rgb(46,74,145)
```
#264799
```
#264799 rgb(38,71,153)
```
#1f43a0
```
#1f43a0 rgb(31,67,160)
```
#1840a7
```
#1840a7 rgb(24,64,167)
```
#103daf
```
#103daf rgb(16,61,175)
```
#093ab6
```
#093ab6 rgb(9,58,182)
```
#0237bd
```
#0237bd rgb(2,55,189)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#484d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5690 Protanopia 1% of men
#2d598e Deuteranopia 1% of men
#265f66 Tritanopia 0.001% of the population

Trichromacy

#3a538e Protanomaly 1% of men, 0.01% of women
#2f548d Deuteranomaly 6% of men, 0.4% of women
#2b5973 Tritanomaly 0.01% of the population

#354d8a hex color

#354d8a Color Information

#354d8a Color Conversion

Color Schemes with #354d8a

Alternatives to #354d8a

#354d8a Preview

Shades and Tints of #354d8a

Tones of #354d8a

Color Blindness Simulator