#356e8e hex color

In a RGB color space, hex #356e8e is composed of 20.8% red, 43.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 22.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 201.6 degrees, a saturation of 45.6% and a lightness of 38.2%. #356e8e color hex could be obtained by blending #6adcff 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

● #356e8e color description : Dark moderate blue.

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

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

CIE-LAB	44.033, -8.45, -23.126
XYZ	11.925, 13.861, 27.637
xyY	0.223, 0.259, 13.861
CIE-LCH	44.033, 24.621, 249.928
CIE-LUV	44.033, -23.056, -32.219
Hunter-Lab	37.23, -7.977, -17.951
Binary	00110101, 01101110, 10001110

#356e8e
```
#356e8e rgb(53,110,142)
```
#8e5535
```
#8e5535 rgb(142,85,53)
```

Complementary Color

#358e82
```
#358e82 rgb(53,142,130)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#35428e
```
#35428e rgb(53,66,142)
```

Analogous Color

#8e8235
```
#8e8235 rgb(142,130,53)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#8e3541
```
#8e3541 rgb(142,53,65)
```

Split Complementary Color

#6e8e35
```
#6e8e35 rgb(110,142,53)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#8e356e
```
#8e356e rgb(142,53,110)
```

Triadic Color

#358e55
```
#358e55 rgb(53,142,85)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#8e356e
```
#8e356e rgb(142,53,110)
```
#8e5535
```
#8e5535 rgb(142,85,53)
```

Tetradic Color

#204356
```
#204356 rgb(32,67,86)
```
#275169
```
#275169 rgb(39,81,105)
```
#2e607b
```
#2e607b rgb(46,96,123)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#3c7ca1
```
#3c7ca1 rgb(60,124,161)
```
#438bb3
```
#438bb3 rgb(67,139,179)
```
#5197be
```
#5197be rgb(81,151,190)
```

Monochromatic Color

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

#35848e
```
#35848e rgb(53,132,142)
```
#357d8e
```
#357d8e rgb(53,125,142)
```
#35758e
```
#35758e rgb(53,117,142)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#35678e
```
#35678e rgb(53,103,142)
```
#355f8e
```
#355f8e rgb(53,95,142)
```
#35588e
```
#35588e rgb(53,88,142)
```

Similar Colors

Text with hexadecimal color #356e8e

This text has a font color of #356e8e.

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

#356e8e background color

This paragraph has a background color of #356e8e.

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

#356e8e border color

This element has a border color of #356e8e.

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

CSS codes

.text {color:#356e8e;}

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

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

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)
```
#10212a
```
#10212a rgb(16,33,42)
```
#152c38
```
#152c38 rgb(21,44,56)
```
#1a3747
```
#1a3747 rgb(26,55,71)
```
#204255
```
#204255 rgb(32,66,85)
```
#254d63
```
#254d63 rgb(37,77,99)
```
#2a5871
```
#2a5871 rgb(42,88,113)
```
#306380
```
#306380 rgb(48,99,128)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#3a799c
```
#3a799c rgb(58,121,156)
```
#4084ab
```
#4084ab rgb(64,132,171)
```
#458fb9
```
#458fb9 rgb(69,143,185)
```

Shade Color Variation

#5398bf
```
#5398bf rgb(83,152,191)
```
#61a0c4
```
#61a0c4 rgb(97,160,196)
```
#6fa9c9
```
#6fa9c9 rgb(111,169,201)
```
#7eb2cf
```
#7eb2cf rgb(126,178,207)
```
#8cbad4
```
#8cbad4 rgb(140,186,212)
```
#9ac3d9
```
#9ac3d9 rgb(154,195,217)
```
#a8cbdf
```
#a8cbdf rgb(168,203,223)
```
#b7d4e4
```
#b7d4e4 rgb(183,212,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 #007dc3 is the most saturated one.

#5b6369
```
#5b6369 rgb(91,99,105)
```
#536670
```
#536670 rgb(83,102,112)
```
#4c6878
```
#4c6878 rgb(76,104,120)
```
#446a7f
```
#446a7f rgb(68,106,127)
```
#3d6c87
```
#3d6c87 rgb(61,108,135)
```
#356e8e
```
#356e8e rgb(53,110,142)
```
#2e7096
```
#2e7096 rgb(46,112,150)
```
#26729d
```
#26729d rgb(38,114,157)
```
#1f74a5
```
#1f74a5 rgb(31,116,165)
```
#1776ac
```
#1776ac rgb(23,118,172)
```
#1079b4
```
#1079b4 rgb(16,121,180)
```
#087bbb
```
#087bbb rgb(8,123,187)
```
#007dc3
```
#007dc3 rgb(0,125,195)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#58646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#666e8f Protanopia 1% of men
#626e96 Deuteranopia 1% of men
#347881 Tritanopia 0.001% of the population

Trichromacy

#546e8e Protanomaly 1% of men, 0.01% of women
#516e93 Deuteranomaly 6% of men, 0.4% of women
#347486 Tritanomaly 0.01% of the population

#356e8e hex color

#356e8e Color Information

#356e8e Color Conversion

Color Schemes with #356e8e

Alternatives to #356e8e

#356e8e Preview

Shades and Tints of #356e8e

Tones of #356e8e

Color Blindness Simulator