#354690 hex color

In a RGB color space, hex #354690 is composed of 20.8% red, 27.5% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 51.4% magenta, 0% yellow and 43.5% black. It has a hue angle of 228.8 degrees, a saturation of 46.2% and a lightness of 38.6%. #354690 color hex could be obtained by blending #6a8cff with #000021. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 27
- B 56
RGB color chart
- C 63
- M 51
- Y 0
- K 44
CMYK color chart

● #354690 color description : Dark moderate blue.

The hexadecimal color #354690 has RGB values of R:53, G:70, B:144 and CMYK values of C:0.63, M:0.51, Y:0, K:0.44. Its decimal value is 3491472.

Hex triplet	354690	`#354690`
RGB Decimal	53, 70, 144	`rgb(53,70,144)`
RGB Percent	20.8, 27.5, 56.5	`rgb(20.8%,27.5%,56.5%)`
CMYK	63, 51, 0, 44
HSL	228.8°, 46.2, 38.6	`hsl(228.8,46.2%,38.6%)`
HSV (or HSB)	228.8°, 63.2, 56.5
Web Safe	333399	`#333399`

CIE-LAB	32.147, 17.732, -43.112
XYZ	8.691, 7.15, 27.306
xyY	0.201, 0.166, 7.15
CIE-LCH	32.147, 46.616, 292.357
CIE-LUV	32.147, -9.251, -59.802
Hunter-Lab	26.74, 11.223, -41.827
Binary	00110101, 01000110, 10010000

#354690
```
#354690 rgb(53,70,144)
```
#907f35
```
#907f35 rgb(144,127,53)
```

Complementary Color

#357490
```
#357490 rgb(53,116,144)
```
#354690
```
#354690 rgb(53,70,144)
```
#513590
```
#513590 rgb(81,53,144)
```

Analogous Color

#749035
```
#749035 rgb(116,144,53)
```
#354690
```
#354690 rgb(53,70,144)
```
#905235
```
#905235 rgb(144,82,53)
```

Split Complementary Color

#469035
```
#469035 rgb(70,144,53)
```
#354690
```
#354690 rgb(53,70,144)
```
#903546
```
#903546 rgb(144,53,70)
```

Triadic Color

#35907f
```
#35907f rgb(53,144,127)
```
#354690
```
#354690 rgb(53,70,144)
```
#903546
```
#903546 rgb(144,53,70)
```
#907f35
```
#907f35 rgb(144,127,53)
```

Tetradic Color

#202b58
```
#202b58 rgb(32,43,88)
```
#27346b
```
#27346b rgb(39,52,107)
```
#2e3d7d
```
#2e3d7d rgb(46,61,125)
```
#354690
```
#354690 rgb(53,70,144)
```
#3c4fa3
```
#3c4fa3 rgb(60,79,163)
```
#4358b5
```
#4358b5 rgb(67,88,181)
```
#5267bf
```
#5267bf rgb(82,103,191)
```

Monochromatic Color

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

#355d90
```
#355d90 rgb(53,93,144)
```
#355590
```
#355590 rgb(53,85,144)
```
#354e90
```
#354e90 rgb(53,78,144)
```
#354690
```
#354690 rgb(53,70,144)
```
#353e90
```
#353e90 rgb(53,62,144)
```
#353790
```
#353790 rgb(53,55,144)
```
#3b3590
```
#3b3590 rgb(59,53,144)
```

Similar Colors

Text with hexadecimal color #354690

This text has a font color of #354690.

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

#354690 background color

This paragraph has a background color of #354690.

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

#354690 border color

This element has a border color of #354690.

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

CSS codes

.text {color:#354690;}

.background {background-color:#354690;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06070f
```
#06070f rgb(6,7,15)
```
#0b0e1d
```
#0b0e1d rgb(11,14,29)
```
#10152c
```
#10152c rgb(16,21,44)
```
#151c3a
```
#151c3a rgb(21,28,58)
```
#1b2348
```
#1b2348 rgb(27,35,72)
```
#202a57
```
#202a57 rgb(32,42,87)
```
#253165
```
#253165 rgb(37,49,101)
```
#2a3873
```
#2a3873 rgb(42,56,115)
```
#303f82
```
#303f82 rgb(48,63,130)
```
#354690
```
#354690 rgb(53,70,144)
```
#3a4d9e
```
#3a4d9e rgb(58,77,158)
```
#4054ad
```
#4054ad rgb(64,84,173)
```

Shade Color Variation

#455bbb
```
#455bbb rgb(69,91,187)
```
#5468c0
```
#5468c0 rgb(84,104,192)
```
#6274c5
```
#6274c5 rgb(98,116,197)
```
#7081ca
```
#7081ca rgb(112,129,202)
```
#7f8ed0
```
#7f8ed0 rgb(127,142,208)
```
#8d9ad5
```
#8d9ad5 rgb(141,154,213)
```
#9ba7da
```
#9ba7da rgb(155,167,218)
```
#aab4e0
```
#aab4e0 rgb(170,180,224)
```
#b8c0e5
```
#b8c0e5 rgb(184,192,229)
```
#c6cdea
```
#c6cdea rgb(198,205,234)
```
#d5daef
```
#d5daef rgb(213,218,239)
```
#e3e6f5
```
#e3e6f5 rgb(227,230,245)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

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

#626263
```
#626263 rgb(98,98,99)
```
#5b5e6a
```
#5b5e6a rgb(91,94,106)
```
#535972
```
#535972 rgb(83,89,114)
```
#4c5479
```
#4c5479 rgb(76,84,121)
```
#444f81
```
#444f81 rgb(68,79,129)
```
#3d4b88
```
#3d4b88 rgb(61,75,136)
```
#354690
```
#354690 rgb(53,70,144)
```
#2d4198
```
#2d4198 rgb(45,65,152)
```
#263d9f
```
#263d9f rgb(38,61,159)
```
#1e38a7
```
#1e38a7 rgb(30,56,167)
```
#1733ae
```
#1733ae rgb(23,51,174)
```
#0f2eb6
```
#0f2eb6 rgb(15,46,182)
```
#082abd
```
#082abd rgb(8,42,189)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#454857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#285298 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#1b5c63 Tritanopia 0.001% of the population

Trichromacy

#2d4e95 Protanomaly 1% of men, 0.01% of women
#13508f Deuteranomaly 6% of men, 0.4% of women
#245473 Tritanomaly 0.01% of the population

#354690 hex color

#354690 Color Information

#354690 Color Conversion

Color Schemes with #354690

Alternatives to #354690

#354690 Preview

Shades and Tints of #354690

Tones of #354690

Color Blindness Simulator