#354f8e hex color

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

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

● #354f8e color description : Dark moderate blue.

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

Hex triplet	354f8e	`#354f8e`
RGB Decimal	53, 79, 142	`rgb(53,79,142)`
RGB Percent	20.8, 31, 55.7	`rgb(20.8%,31%,55.7%)`
CMYK	63, 44, 0, 44
HSL	222.5°, 45.6, 38.2	`hsl(222.5,45.6%,38.2%)`
HSV (or HSB)	222.5°, 62.7, 55.7
Web Safe	336699	`#336699`

CIE-LAB	34.603, 11.004, -37.953
XYZ	9.146, 8.301, 26.71
xyY	0.207, 0.188, 8.301
CIE-LCH	34.603, 39.516, 286.169
CIE-LUV	34.603, -12.024, -53.477
Hunter-Lab	28.812, 6.239, -34.796
Binary	00110101, 01001111, 10001110

#354f8e
```
#354f8e rgb(53,79,142)
```
#8e7435
```
#8e7435 rgb(142,116,53)
```

Complementary Color

#357c8e
```
#357c8e rgb(53,124,142)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#47358e
```
#47358e rgb(71,53,142)
```

Analogous Color

#7c8e35
```
#7c8e35 rgb(124,142,53)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#8e4835
```
#8e4835 rgb(142,72,53)
```

Split Complementary Color

#4f8e35
```
#4f8e35 rgb(79,142,53)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#8e354f
```
#8e354f rgb(142,53,79)
```

Triadic Color

#358e74
```
#358e74 rgb(53,142,116)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#8e354f
```
#8e354f rgb(142,53,79)
```
#8e7435
```
#8e7435 rgb(142,116,53)
```

Tetradic Color

#203056
```
#203056 rgb(32,48,86)
```
#273a69
```
#273a69 rgb(39,58,105)
```
#2e457b
```
#2e457b rgb(46,69,123)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#3c59a1
```
#3c59a1 rgb(60,89,161)
```
#4364b3
```
#4364b3 rgb(67,100,179)
```
#5171be
```
#5171be rgb(81,113,190)
```

Monochromatic Color

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

#35658e
```
#35658e rgb(53,101,142)
```
#355e8e
```
#355e8e rgb(53,94,142)
```
#35568e
```
#35568e rgb(53,86,142)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#35488e
```
#35488e rgb(53,72,142)
```
#35408e
```
#35408e rgb(53,64,142)
```
#35398e
```
#35398e rgb(53,57,142)
```

Similar Colors

Text with hexadecimal color #354f8e

This text has a font color of #354f8e.

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

#354f8e background color

This paragraph has a background color of #354f8e.

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

#354f8e border color

This element has a border color of #354f8e.

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

CSS codes

.text {color:#354f8e;}

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

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

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)
```
#0a0f1c
```
#0a0f1c rgb(10,15,28)
```
#10172a
```
#10172a rgb(16,23,42)
```
#151f38
```
#151f38 rgb(21,31,56)
```
#1a2747
```
#1a2747 rgb(26,39,71)
```
#202f55
```
#202f55 rgb(32,47,85)
```
#253763
```
#253763 rgb(37,55,99)
```
#2a3f71
```
#2a3f71 rgb(42,63,113)
```
#304780
```
#304780 rgb(48,71,128)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#3a579c
```
#3a579c rgb(58,87,156)
```
#405fab
```
#405fab rgb(64,95,171)
```
#4567b9
```
#4567b9 rgb(69,103,185)
```

Shade Color Variation

#5372bf
```
#5372bf rgb(83,114,191)
```
#617ec4
```
#617ec4 rgb(97,126,196)
```
#6f8ac9
```
#6f8ac9 rgb(111,138,201)
```
#7e95cf
```
#7e95cf rgb(126,149,207)
```
#8ca1d4
```
#8ca1d4 rgb(140,161,212)
```
#9aadd9
```
#9aadd9 rgb(154,173,217)
```
#a8b8df
```
#a8b8df rgb(168,184,223)
```
#b7c4e4
```
#b7c4e4 rgb(183,196,228)
```
#c5d0e9
```
#c5d0e9 rgb(197,208,233)
```
#d3dbef
```
#d3dbef rgb(211,219,239)
```
#e2e7f4
```
#e2e7f4 rgb(226,231,244)
```
#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, #5b5f69 is the less saturated color, while #0039c3 is the most saturated one.

#5b5f69
```
#5b5f69 rgb(91,95,105)
```
#535b70
```
#535b70 rgb(83,91,112)
```
#4c5878
```
#4c5878 rgb(76,88,120)
```
#44557f
```
#44557f rgb(68,85,127)
```
#3d5287
```
#3d5287 rgb(61,82,135)
```
#354f8e
```
#354f8e rgb(53,79,142)
```
#2e4c96
```
#2e4c96 rgb(46,76,150)
```
#26499d
```
#26499d rgb(38,73,157)
```
#1f46a5
```
#1f46a5 rgb(31,70,165)
```
#1743ac
```
#1743ac rgb(23,67,172)
```
#103fb4
```
#103fb4 rgb(16,63,180)
```
#083cbb
```
#083cbb rgb(8,60,187)
```
#0039c3
```
#0039c3 rgb(0,57,195)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#494e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5894 Protanopia 1% of men
#2b5b92 Deuteranopia 1% of men
#246269 Tritanopia 0.001% of the population

Trichromacy

#3a5591 Protanomaly 1% of men, 0.01% of women
#2f5690 Deuteranomaly 6% of men, 0.4% of women
#2a5b76 Tritanomaly 0.01% of the population

#354f8e hex color

#354f8e Color Information

#354f8e Color Conversion

Color Schemes with #354f8e

Alternatives to #354f8e

#354f8e Preview

Shades and Tints of #354f8e

Tones of #354f8e

Color Blindness Simulator