#354f82 hex color

In a RGB color space, hex #354f82 is composed of 20.8% red, 31% green and 51% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 39.2% magenta, 0% yellow and 49% black. It has a hue angle of 219.7 degrees, a saturation of 42.1% and a lightness of 35.9%. #354f82 color hex could be obtained by blending #6a9eff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 31
- B 51
RGB color chart
- C 59
- M 39
- Y 0
- K 49
CMYK color chart

● #354f82 color description : Dark moderate blue.

The hexadecimal color #354f82 has RGB values of R:53, G:79, B:130 and CMYK values of C:0.59, M:0.39, Y:0, K:0.49. Its decimal value is 3493762.

Hex triplet	354f82	`#354f82`
RGB Decimal	53, 79, 130	`rgb(53,79,130)`
RGB Percent	20.8, 31, 51	`rgb(20.8%,31%,51%)`
CMYK	59, 39, 0, 49
HSL	219.7°, 42.1, 35.9	`hsl(219.7,42.1%,35.9%)`
HSV (or HSB)	219.7°, 59.2, 51
Web Safe	336699	`#336699`

CIE-LAB	33.9, 6.677, -31.711
XYZ	8.293, 7.96, 22.217
xyY	0.216, 0.207, 7.96
CIE-LCH	33.9, 32.406, 281.891
CIE-LUV	33.9, -11.971, -43.942
Hunter-Lab	28.214, 3.091, -26.939
Binary	00110101, 01001111, 10000010

#354f82
```
#354f82 rgb(53,79,130)
```
#826835
```
#826835 rgb(130,104,53)
```

Complementary Color

#357682
```
#357682 rgb(53,118,130)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#423582
```
#423582 rgb(66,53,130)
```

Analogous Color

#768235
```
#768235 rgb(118,130,53)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#824235
```
#824235 rgb(130,66,53)
```

Split Complementary Color

#4f8235
```
#4f8235 rgb(79,130,53)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#82354f
```
#82354f rgb(130,53,79)
```

Triadic Color

#358268
```
#358268 rgb(53,130,104)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#82354f
```
#82354f rgb(130,53,79)
```
#826835
```
#826835 rgb(130,104,53)
```

Tetradic Color

#1f2e4c
```
#1f2e4c rgb(31,46,76)
```
#26395e
```
#26395e rgb(38,57,94)
```
#2e4470
```
#2e4470 rgb(46,68,112)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#3c5a94
```
#3c5a94 rgb(60,90,148)
```
#4465a6
```
#4465a6 rgb(68,101,166)
```
#4d71b6
```
#4d71b6 rgb(77,113,182)
```

Monochromatic Color

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

#356282
```
#356282 rgb(53,98,130)
```
#355c82
```
#355c82 rgb(53,92,130)
```
#355582
```
#355582 rgb(53,85,130)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#354982
```
#354982 rgb(53,73,130)
```
#354282
```
#354282 rgb(53,66,130)
```
#353c82
```
#353c82 rgb(53,60,130)
```

Similar Colors

Text with hexadecimal color #354f82

This text has a font color of #354f82.

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

#354f82 background color

This paragraph has a background color of #354f82.

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

#354f82 border color

This element has a border color of #354f82.

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

CSS codes

.text {color:#354f82;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080b13
```
#080b13 rgb(8,11,19)
```
#0d1420
```
#0d1420 rgb(13,20,32)
```
#131c2e
```
#131c2e rgb(19,28,46)
```
#19253c
```
#19253c rgb(25,37,60)
```
#1e2d4a
```
#1e2d4a rgb(30,45,74)
```
#243658
```
#243658 rgb(36,54,88)
```
#2a3e66
```
#2a3e66 rgb(42,62,102)
```
#2f4774
```
#2f4774 rgb(47,71,116)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#3b5790
```
#3b5790 rgb(59,87,144)
```
#40609e
```
#40609e rgb(64,96,158)
```
#4668ac
```
#4668ac rgb(70,104,172)
```

Shade Color Variation

#4e72b7
```
#4e72b7 rgb(78,114,183)
```
#5c7dbd
```
#5c7dbd rgb(92,125,189)
```
#6a88c2
```
#6a88c2 rgb(106,136,194)
```
#7893c8
```
#7893c8 rgb(120,147,200)
```
#869ece
```
#869ece rgb(134,158,206)
```
#94a9d3
```
#94a9d3 rgb(148,169,211)
```
#a2b5d9
```
#a2b5d9 rgb(162,181,217)
```
#b0c0df
```
#b0c0df rgb(176,192,223)
```
#becbe4
```
#becbe4 rgb(190,203,228)
```
#ccd6ea
```
#ccd6ea rgb(204,214,234)
```
#dae1f0
```
#dae1f0 rgb(218,225,240)
```
#e8ecf6
```
#e8ecf6 rgb(232,236,246)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5f is the less saturated color, while #043fb3 is the most saturated one.

#585a5f
```
#585a5f rgb(88,90,95)
```
#515866
```
#515866 rgb(81,88,102)
```
#4a566d
```
#4a566d rgb(74,86,109)
```
#435474
```
#435474 rgb(67,84,116)
```
#3c517b
```
#3c517b rgb(60,81,123)
```
#354f82
```
#354f82 rgb(53,79,130)
```
#2e4d89
```
#2e4d89 rgb(46,77,137)
```
#274a90
```
#274a90 rgb(39,74,144)
```
#204897
```
#204897 rgb(32,72,151)
```
#19469e
```
#19469e rgb(25,70,158)
```
#1244a5
```
#1244a5 rgb(18,68,165)
```
#0b41ac
```
#0b41ac rgb(11,65,172)
```
#043fb3
```
#043fb3 rgb(4,63,179)
```

Tone Color Variation

Below, you can see how #354f82 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
#484d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445787 Protanopia 1% of men
#3a5988 Deuteranopia 1% of men
#2d5f66 Tritanopia 0.001% of the population

Trichromacy

#3e5485 Protanomaly 1% of men, 0.01% of women
#385585 Deuteranomaly 6% of men, 0.4% of women
#305970 Tritanomaly 0.01% of the population

#354f82 hex color

#354f82 Color Information

#354f82 Color Conversion

Color Schemes with #354f82

Alternatives to #354f82

#354f82 Preview

Shades and Tints of #354f82

Tones of #354f82

Color Blindness Simulator