#356d8e hex color

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

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

● #356d8e color description : Dark moderate blue.

The hexadecimal color #356d8e has RGB values of R:53, G:109, B:142 and CMYK values of C:0.63, M:0.23, Y:0, K:0.44. Its decimal value is 3501454.

Hex triplet	356d8e	`#356d8e`
RGB Decimal	53, 109, 142	`rgb(53,109,142)`
RGB Percent	20.8, 42.7, 55.7	`rgb(20.8%,42.7%,55.7%)`
CMYK	63, 23, 0, 44
HSL	202.2°, 45.6, 38.2	`hsl(202.2,45.6%,38.2%)`
HSV (or HSB)	202.2°, 62.7, 55.7
Web Safe	336699	`#336699`

CIE-LAB	43.721, -7.861, -23.608
XYZ	11.818, 13.646, 27.601
xyY	0.223, 0.257, 13.646
CIE-LCH	43.721, 24.882, 251.584
CIE-LUV	43.721, -22.681, -32.972
Hunter-Lab	36.941, -7.541, -18.441
Binary	00110101, 01101101, 10001110

#356d8e
```
#356d8e rgb(53,109,142)
```
#8e5635
```
#8e5635 rgb(142,86,53)
```

Complementary Color

#358e83
```
#358e83 rgb(53,142,131)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#35418e
```
#35418e rgb(53,65,142)
```

Analogous Color

#8e8335
```
#8e8335 rgb(142,131,53)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#8e3541
```
#8e3541 rgb(142,53,65)
```

Split Complementary Color

#6d8e35
```
#6d8e35 rgb(109,142,53)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#8e356d
```
#8e356d rgb(142,53,109)
```

Triadic Color

#358e56
```
#358e56 rgb(53,142,86)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#8e356d
```
#8e356d rgb(142,53,109)
```
#8e5635
```
#8e5635 rgb(142,86,53)
```

Tetradic Color

#204256
```
#204256 rgb(32,66,86)
```
#275069
```
#275069 rgb(39,80,105)
```
#2e5f7b
```
#2e5f7b rgb(46,95,123)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#3c7ba1
```
#3c7ba1 rgb(60,123,161)
```
#438ab3
```
#438ab3 rgb(67,138,179)
```
#5196be
```
#5196be rgb(81,150,190)
```

Monochromatic Color

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

#35838e
```
#35838e rgb(53,131,142)
```
#357c8e
```
#357c8e rgb(53,124,142)
```
#35748e
```
#35748e rgb(53,116,142)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#35668e
```
#35668e rgb(53,102,142)
```
#355e8e
```
#355e8e rgb(53,94,142)
```
#35578e
```
#35578e rgb(53,87,142)
```

Similar Colors

Text with hexadecimal color #356d8e

This text has a font color of #356d8e.

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

#356d8e background color

This paragraph has a background color of #356d8e.

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

#356d8e border color

This element has a border color of #356d8e.

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

CSS codes

.text {color:#356d8e;}

.background {background-color:#356d8e;}

.border {border:1px solid #356d8e;}

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

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a151c
```
#0a151c rgb(10,21,28)
```
#10202a
```
#10202a rgb(16,32,42)
```
#152b38
```
#152b38 rgb(21,43,56)
```
#1a3647
```
#1a3647 rgb(26,54,71)
```
#204155
```
#204155 rgb(32,65,85)
```
#254c63
```
#254c63 rgb(37,76,99)
```
#2a5771
```
#2a5771 rgb(42,87,113)
```
#306280
```
#306280 rgb(48,98,128)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#3a789c
```
#3a789c rgb(58,120,156)
```
#4083ab
```
#4083ab rgb(64,131,171)
```
#458eb9
```
#458eb9 rgb(69,142,185)
```

Shade Color Variation

#5397bf
```
#5397bf rgb(83,151,191)
```
#619fc4
```
#619fc4 rgb(97,159,196)
```
#6fa8c9
```
#6fa8c9 rgb(111,168,201)
```
#7eb1cf
```
#7eb1cf rgb(126,177,207)
```
#8cb9d4
```
#8cb9d4 rgb(140,185,212)
```
#9ac2d9
```
#9ac2d9 rgb(154,194,217)
```
#a8cbdf
```
#a8cbdf rgb(168,203,223)
```
#b7d3e4
```
#b7d3e4 rgb(183,211,228)
```
#c5dce9
```
#c5dce9 rgb(197,220,233)
```
#d3e5ef
```
#d3e5ef rgb(211,229,239)
```
#e2edf4
```
#e2edf4 rgb(226,237,244)
```
#f0f6f9
```
#f0f6f9 rgb(240,246,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5b6369
```
#5b6369 rgb(91,99,105)
```
#536570
```
#536570 rgb(83,101,112)
```
#4c6778
```
#4c6778 rgb(76,103,120)
```
#44697f
```
#44697f rgb(68,105,127)
```
#3d6b87
```
#3d6b87 rgb(61,107,135)
```
#356d8e
```
#356d8e rgb(53,109,142)
```
#2e6f96
```
#2e6f96 rgb(46,111,150)
```
#26719d
```
#26719d rgb(38,113,157)
```
#1f73a5
```
#1f73a5 rgb(31,115,165)
```
#1775ac
```
#1775ac rgb(23,117,172)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#0879bb
```
#0879bb rgb(8,121,187)
```
#007bc3
```
#007bc3 rgb(0,123,195)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#576369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656d8f Protanopia 1% of men
#606e96 Deuteranopia 1% of men
#347881 Tritanopia 0.001% of the population

Trichromacy

#536d8e Protanomaly 1% of men, 0.01% of women
#506d93 Deuteranomaly 6% of men, 0.4% of women
#347485 Tritanomaly 0.01% of the population

#356d8e hex color

#356d8e Color Information

#356d8e Color Conversion

Color Schemes with #356d8e

Alternatives to #356d8e

#356d8e Preview

Shades and Tints of #356d8e

Tones of #356d8e

Color Blindness Simulator