#354b6f hex color

In a RGB color space, hex #354b6f is composed of 20.8% red, 29.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 32.4% magenta, 0% yellow and 56.5% black. It has a hue angle of 217.2 degrees, a saturation of 35.4% and a lightness of 32.2%. #354b6f color hex could be obtained by blending #6a96de with #000000. Closest websafe color is: #333366.

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

● #354b6f color description : Very dark desaturated blue.

The hexadecimal color #354b6f has RGB values of R:53, G:75, B:111 and CMYK values of C:0.52, M:0.32, Y:0, K:0.56. Its decimal value is 3492719.

Hex triplet	354b6f	`#354b6f`
RGB Decimal	53, 75, 111	`rgb(53,75,111)`
RGB Percent	20.8, 29.4, 43.5	`rgb(20.8%,29.4%,43.5%)`
CMYK	52, 32, 0, 56
HSL	217.2°, 35.4, 32.2	`hsl(217.2,35.4%,32.2%)`
HSV (or HSB)	217.2°, 52.3, 43.5
Web Safe	333366	`#333366`

CIE-LAB	31.662, 2.666, -23.399
XYZ	6.853, 6.936, 16.016
xyY	0.23, 0.233, 6.936
CIE-LCH	31.662, 23.551, 276.5
CIE-LUV	31.662, -10.447, -31.108
Hunter-Lab	26.337, 0.356, -17.619
Binary	00110101, 01001011, 01101111

#354b6f
```
#354b6f rgb(53,75,111)
```
#6f5935
```
#6f5935 rgb(111,89,53)
```

Complementary Color

#35686f
```
#35686f rgb(53,104,111)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#3c356f
```
#3c356f rgb(60,53,111)
```

Analogous Color

#686f35
```
#686f35 rgb(104,111,53)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#6f3c35
```
#6f3c35 rgb(111,60,53)
```

Split Complementary Color

#4b6f35
```
#4b6f35 rgb(75,111,53)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#6f354b
```
#6f354b rgb(111,53,75)
```

Triadic Color

#356f59
```
#356f59 rgb(53,111,89)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#6f354b
```
#6f354b rgb(111,53,75)
```
#6f5935
```
#6f5935 rgb(111,89,53)
```

Tetradic Color

#1c283b
```
#1c283b rgb(28,40,59)
```
#25344c
```
#25344c rgb(37,52,76)
```
#2d3f5e
```
#2d3f5e rgb(45,63,94)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#3d5780
```
#3d5780 rgb(61,87,128)
```
#456292
```
#456292 rgb(69,98,146)
```
#4e6ea3
```
#4e6ea3 rgb(78,110,163)
```

Monochromatic Color

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

#355a6f
```
#355a6f rgb(53,90,111)
```
#35556f
```
#35556f rgb(53,85,111)
```
#35506f
```
#35506f rgb(53,80,111)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#35466f
```
#35466f rgb(53,70,111)
```
#35416f
```
#35416f rgb(53,65,111)
```
#353d6f
```
#353d6f rgb(53,61,111)
```

Similar Colors

Text with hexadecimal color #354b6f

This text has a font color of #354b6f.

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

#354b6f background color

This paragraph has a background color of #354b6f.

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

#354b6f border color

This element has a border color of #354b6f.

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

CSS codes

.text {color:#354b6f;}

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

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

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 #f7f8fb is the lightest one.

#020305
```
#020305 rgb(2,3,5)
```
#090c12
```
#090c12 rgb(9,12,18)
```
#0f151f
```
#0f151f rgb(15,21,31)
```
#151e2d
```
#151e2d rgb(21,30,45)
```
#1c273a
```
#1c273a rgb(28,39,58)
```
#223047
```
#223047 rgb(34,48,71)
```
#283954
```
#283954 rgb(40,57,84)
```
#2f4262
```
#2f4262 rgb(47,66,98)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#3b547c
```
#3b547c rgb(59,84,124)
```
#425d8a
```
#425d8a rgb(66,93,138)
```
#486697
```
#486697 rgb(72,102,151)
```
#4e6fa4
```
#4e6fa4 rgb(78,111,164)
```

Shade Color Variation

#5778af
```
#5778af rgb(87,120,175)
```
#6483b5
```
#6483b5 rgb(100,131,181)
```
#728ebc
```
#728ebc rgb(114,142,188)
```
#7f98c2
```
#7f98c2 rgb(127,152,194)
```
#8ca3c8
```
#8ca3c8 rgb(140,163,200)
```
#9aaecf
```
#9aaecf rgb(154,174,207)
```
#a7b8d5
```
#a7b8d5 rgb(167,184,213)
```
#b4c3db
```
#b4c3db rgb(180,195,219)
```
#c1cee2
```
#c1cee2 rgb(193,206,226)
```
#cfd8e8
```
#cfd8e8 rgb(207,216,232)
```
#dce3ee
```
#dce3ee rgb(220,227,238)
```
#e9eef5
```
#e9eef5 rgb(233,238,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5156 is the less saturated color, while #033fa1 is the most saturated one.

#4e5156
```
#4e5156 rgb(78,81,86)
```
#48505c
```
#48505c rgb(72,80,92)
```
#424e62
```
#424e62 rgb(66,78,98)
```
#3b4d69
```
#3b4d69 rgb(59,77,105)
```
#354b6f
```
#354b6f rgb(53,75,111)
```
#2f4975
```
#2f4975 rgb(47,73,117)
```
#28487c
```
#28487c rgb(40,72,124)
```
#224682
```
#224682 rgb(34,70,130)
```
#1c4588
```
#1c4588 rgb(28,69,136)
```
#15438f
```
#15438f rgb(21,67,143)
```
#0f4295
```
#0f4295 rgb(15,66,149)
```
#09409b
```
#09409b rgb(9,64,155)
```
#033fa1
```
#033fa1 rgb(3,63,161)
```

Tone Color Variation

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

Dichromacy

#475275 Protanopia 1% of men
#435376 Deuteranopia 1% of men
#36595f Tritanopia 0.001% of the population

Trichromacy

#414f73 Protanomaly 1% of men, 0.01% of women
#3e5074 Deuteranomaly 6% of men, 0.4% of women
#355365 Tritanomaly 0.01% of the population

#354b6f hex color

#354b6f Color Information

#354b6f Color Conversion

Color Schemes with #354b6f

Alternatives to #354b6f

#354b6f Preview

Shades and Tints of #354b6f

Tones of #354b6f

Color Blindness Simulator