#354a8e hex color

In a RGB color space, hex #354a8e is composed of 20.8% red, 29% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 47.9% magenta, 0% yellow and 44.3% black. It has a hue angle of 225.8 degrees, a saturation of 45.6% and a lightness of 38.2%. #354a8e color hex could be obtained by blending #6a94ff with #00001d. Closest websafe color is: #333399.

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

● #354a8e color description : Dark moderate blue.

The hexadecimal color #354a8e has RGB values of R:53, G:74, B:142 and CMYK values of C:0.63, M:0.48, Y:0, K:0.44. Its decimal value is 3492494.

Hex triplet	354a8e	`#354a8e`
RGB Decimal	53, 74, 142	`rgb(53,74,142)`
RGB Percent	20.8, 29, 55.7	`rgb(20.8%,29%,55.7%)`
CMYK	63, 48, 0, 44
HSL	225.8°, 45.6, 38.2	`hsl(225.8,45.6%,38.2%)`
HSV (or HSB)	225.8°, 62.7, 55.7
Web Safe	333399	`#333399`

CIE-LAB	33.151, 14.327, -40.276
XYZ	8.798, 7.607, 26.594
xyY	0.205, 0.177, 7.607
CIE-LCH	33.151, 42.748, 289.581
CIE-LUV	33.151, -10.43, -56.265
Hunter-Lab	27.581, 8.676, -37.863
Binary	00110101, 01001010, 10001110

#354a8e
```
#354a8e rgb(53,74,142)
```
#8e7935
```
#8e7935 rgb(142,121,53)
```

Complementary Color

#35778e
```
#35778e rgb(53,119,142)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#4c358e
```
#4c358e rgb(76,53,142)
```

Analogous Color

#778e35
```
#778e35 rgb(119,142,53)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#8e4d35
```
#8e4d35 rgb(142,77,53)
```

Split Complementary Color

#4a8e35
```
#4a8e35 rgb(74,142,53)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#8e354a
```
#8e354a rgb(142,53,74)
```

Triadic Color

#358e79
```
#358e79 rgb(53,142,121)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#8e354a
```
#8e354a rgb(142,53,74)
```
#8e7935
```
#8e7935 rgb(142,121,53)
```

Tetradic Color

#202d56
```
#202d56 rgb(32,45,86)
```
#273769
```
#273769 rgb(39,55,105)
```
#2e407b
```
#2e407b rgb(46,64,123)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#3c54a1
```
#3c54a1 rgb(60,84,161)
```
#435db3
```
#435db3 rgb(67,93,179)
```
#516bbe
```
#516bbe rgb(81,107,190)
```

Monochromatic Color

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

#35608e
```
#35608e rgb(53,96,142)
```
#35598e
```
#35598e rgb(53,89,142)
```
#35518e
```
#35518e rgb(53,81,142)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#35438e
```
#35438e rgb(53,67,142)
```
#353b8e
```
#353b8e rgb(53,59,142)
```
#36358e
```
#36358e rgb(54,53,142)
```

Similar Colors

Text with hexadecimal color #354a8e

This text has a font color of #354a8e.

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

#354a8e background color

This paragraph has a background color of #354a8e.

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

#354a8e border color

This element has a border color of #354a8e.

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

CSS codes

.text {color:#354a8e;}

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

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

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

#05070d
```
#05070d rgb(5,7,13)
```
#0a0e1c
```
#0a0e1c rgb(10,14,28)
```
#10162a
```
#10162a rgb(16,22,42)
```
#151d38
```
#151d38 rgb(21,29,56)
```
#1a2547
```
#1a2547 rgb(26,37,71)
```
#202c55
```
#202c55 rgb(32,44,85)
```
#253463
```
#253463 rgb(37,52,99)
```
#2a3b71
```
#2a3b71 rgb(42,59,113)
```
#304380
```
#304380 rgb(48,67,128)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#3a519c
```
#3a519c rgb(58,81,156)
```
#4059ab
```
#4059ab rgb(64,89,171)
```
#4560b9
```
#4560b9 rgb(69,96,185)
```

Shade Color Variation

#536cbf
```
#536cbf rgb(83,108,191)
```
#6178c4
```
#6178c4 rgb(97,120,196)
```
#6f85c9
```
#6f85c9 rgb(111,133,201)
```
#7e91cf
```
#7e91cf rgb(126,145,207)
```
#8c9dd4
```
#8c9dd4 rgb(140,157,212)
```
#9aa9d9
```
#9aa9d9 rgb(154,169,217)
```
#a8b5df
```
#a8b5df rgb(168,181,223)
```
#b7c1e4
```
#b7c1e4 rgb(183,193,228)
```
#c5cee9
```
#c5cee9 rgb(197,206,233)
```
#d3daef
```
#d3daef rgb(211,218,239)
```
#e2e6f4
```
#e2e6f4 rgb(226,230,244)
```
#f0f2f9
```
#f0f2f9 rgb(240,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5b5e69
```
#5b5e69 rgb(91,94,105)
```
#535a70
```
#535a70 rgb(83,90,112)
```
#4c5678
```
#4c5678 rgb(76,86,120)
```
#44527f
```
#44527f rgb(68,82,127)
```
#3d4e87
```
#3d4e87 rgb(61,78,135)
```
#354a8e
```
#354a8e rgb(53,74,142)
```
#2e4696
```
#2e4696 rgb(46,70,150)
```
#26429d
```
#26429d rgb(38,66,157)
```
#1f3ea5
```
#1f3ea5 rgb(31,62,165)
```
#173aac
```
#173aac rgb(23,58,172)
```
#1036b4
```
#1036b4 rgb(16,54,180)
```
#0832bb
```
#0832bb rgb(8,50,187)
```
#002ec3
```
#002ec3 rgb(0,46,195)
```

Tone Color Variation

Below, you can see how #354a8e 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
#474b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345595 Protanopia 1% of men
#1a5891 Deuteranopia 1% of men
#215e65 Tritanopia 0.001% of the population

Trichromacy

#345192 Protanomaly 1% of men, 0.01% of women
#245390 Deuteranomaly 6% of men, 0.4% of women
#285774 Tritanomaly 0.01% of the population

#354a8e hex color

#354a8e Color Information

#354a8e Color Conversion

Color Schemes with #354a8e

Alternatives to #354a8e

#354a8e Preview

Shades and Tints of #354a8e

Tones of #354a8e

Color Blindness Simulator