#354d7a hex color

In a RGB color space, hex #354d7a is composed of 20.8% red, 30.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 36.9% magenta, 0% yellow and 52.2% black. It has a hue angle of 219.1 degrees, a saturation of 39.4% and a lightness of 34.3%. #354d7a color hex could be obtained by blending #6a9af4 with #000000. Closest websafe color is: #336666.

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

● #354d7a color description : Dark moderate blue.

The hexadecimal color #354d7a has RGB values of R:53, G:77, B:122 and CMYK values of C:0.57, M:0.37, Y:0, K:0.52. Its decimal value is 3493242.

Hex triplet	354d7a	`#354d7a`
RGB Decimal	53, 77, 122	`rgb(53,77,122)`
RGB Percent	20.8, 30.2, 47.8	`rgb(20.8%,30.2%,47.8%)`
CMYK	57, 37, 0, 52
HSL	219.1°, 39.4, 34.3	`hsl(219.1,39.4%,34.3%)`
HSV (or HSB)	219.1°, 56.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	32.852, 5.159, -28.411
XYZ	7.634, 7.469, 19.451
xyY	0.221, 0.216, 7.469
CIE-LCH	32.852, 28.875, 280.293
CIE-LUV	32.852, -11.237, -38.748
Hunter-Lab	27.33, 2.033, -23.065
Binary	00110101, 01001101, 01111010

#354d7a
```
#354d7a rgb(53,77,122)
```
#7a6235
```
#7a6235 rgb(122,98,53)
```

Complementary Color

#35707a
```
#35707a rgb(53,112,122)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#40357a
```
#40357a rgb(64,53,122)
```

Analogous Color

#707a35
```
#707a35 rgb(112,122,53)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#7a4035
```
#7a4035 rgb(122,64,53)
```

Split Complementary Color

#4d7a35
```
#4d7a35 rgb(77,122,53)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#7a354d
```
#7a354d rgb(122,53,77)
```

Triadic Color

#357a62
```
#357a62 rgb(53,122,98)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#7a354d
```
#7a354d rgb(122,53,77)
```
#7a6235
```
#7a6235 rgb(122,98,53)
```

Tetradic Color

#1e2b45
```
#1e2b45 rgb(30,43,69)
```
#263756
```
#263756 rgb(38,55,86)
```
#2d4268
```
#2d4268 rgb(45,66,104)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#3d588c
```
#3d588c rgb(61,88,140)
```
#44639e
```
#44639e rgb(68,99,158)
```
#4c6faf
```
#4c6faf rgb(76,111,175)
```

Monochromatic Color

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

#355e7a
```
#355e7a rgb(53,94,122)
```
#35597a
```
#35597a rgb(53,89,122)
```
#35537a
```
#35537a rgb(53,83,122)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#35477a
```
#35477a rgb(53,71,122)
```
#35427a
```
#35427a rgb(53,66,122)
```
#353c7a
```
#353c7a rgb(53,60,122)
```

Similar Colors

Text with hexadecimal color #354d7a

This text has a font color of #354d7a.

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

#354d7a background color

This paragraph has a background color of #354d7a.

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

#354d7a border color

This element has a border color of #354d7a.

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

CSS codes

.text {color:#354d7a;}

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

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

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, #05080d is the darkest color, while #fefeff is the lightest one.

#05080d
```
#05080d rgb(5,8,13)
```
#0b111a
```
#0b111a rgb(11,17,26)
```
#111928
```
#111928 rgb(17,25,40)
```
#172236
```
#172236 rgb(23,34,54)
```
#1d2a43
```
#1d2a43 rgb(29,42,67)
```
#233351
```
#233351 rgb(35,51,81)
```
#293c5f
```
#293c5f rgb(41,60,95)
```
#2f446c
```
#2f446c rgb(47,68,108)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#3b5688
```
#3b5688 rgb(59,86,136)
```
#415e95
```
#415e95 rgb(65,94,149)
```
#4767a3
```
#4767a3 rgb(71,103,163)
```
#4d70b1
```
#4d70b1 rgb(77,112,177)
```

Shade Color Variation

#5a7ab7
```
#5a7ab7 rgb(90,122,183)
```
#6885bd
```
#6885bd rgb(104,133,189)
```
#7590c3
```
#7590c3 rgb(117,144,195)
```
#839bc9
```
#839bc9 rgb(131,155,201)
```
#91a6cf
```
#91a6cf rgb(145,166,207)
```
#9eb1d5
```
#9eb1d5 rgb(158,177,213)
```
#acbcdb
```
#acbcdb rgb(172,188,219)
```
#bac7e1
```
#bac7e1 rgb(186,199,225)
```
#c7d2e7
```
#c7d2e7 rgb(199,210,231)
```
#d5dded
```
#d5dded rgb(213,221,237)
```
#e3e8f3
```
#e3e8f3 rgb(227,232,243)
```
#f0f3f9
```
#f0f3f9 rgb(240,243,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575758 is the less saturated color, while #063fa9 is the most saturated one.

#575758
```
#575758 rgb(87,87,88)
```
#50555f
```
#50555f rgb(80,85,95)
```
#495366
```
#495366 rgb(73,83,102)
```
#42516d
```
#42516d rgb(66,81,109)
```
#3c4f73
```
#3c4f73 rgb(60,79,115)
```
#354d7a
```
#354d7a rgb(53,77,122)
```
#2e4b81
```
#2e4b81 rgb(46,75,129)
```
#284987
```
#284987 rgb(40,73,135)
```
#21478e
```
#21478e rgb(33,71,142)
```
#1a4595
```
#1a4595 rgb(26,69,149)
```
#13439c
```
#13439c rgb(19,67,156)
```
#0d41a2
```
#0d41a2 rgb(13,65,162)
```
#063fa9
```
#063fa9 rgb(6,63,169)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#474b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#455580 Protanopia 1% of men
#3e5680 Deuteranopia 1% of men
#315c63 Tritanopia 0.001% of the population

Trichromacy

#3f527d Protanomaly 1% of men, 0.01% of women
#3b537e Deuteranomaly 6% of men, 0.4% of women
#32566b Tritanomaly 0.01% of the population

#354d7a hex color

#354d7a Color Information

#354d7a Color Conversion

Color Schemes with #354d7a

Alternatives to #354d7a

#354d7a Preview

Shades and Tints of #354d7a

Tones of #354d7a

Color Blindness Simulator