#356180 hex color

In a RGB color space, hex #356180 is composed of 20.8% red, 38% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 24.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 204.8 degrees, a saturation of 41.4% and a lightness of 35.5%. #356180 color hex could be obtained by blending #6ac2ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 38
- B 50
RGB color chart
- C 59
- M 24
- Y 0
- K 50
CMYK color chart

● #356180 color description : Dark moderate blue.

The hexadecimal color #356180 has RGB values of R:53, G:97, B:128 and CMYK values of C:0.59, M:0.24, Y:0, K:0.5. Its decimal value is 3498368.

Hex triplet	356180	`#356180`
RGB Decimal	53, 97, 128	`rgb(53,97,128)`
RGB Percent	20.8, 38, 50.2	`rgb(20.8%,38%,50.2%)`
CMYK	59, 24, 0, 50
HSL	204.8°, 41.4, 35.5	`hsl(204.8,41.4%,35.5%)`
HSV (or HSB)	204.8°, 58.6, 50.2
Web Safe	336699	`#336699`

CIE-LAB	39.351, -5.42, -21.945
XYZ	9.638, 10.864, 22.01
xyY	0.227, 0.256, 10.864
CIE-LCH	39.351, 22.604, 256.127
CIE-LUV	39.351, -18.56, -29.973
Hunter-Lab	32.961, -5.485, -16.519
Binary	00110101, 01100001, 10000000

#356180
```
#356180 rgb(53,97,128)
```
#805435
```
#805435 rgb(128,84,53)
```

Complementary Color

#35807a
```
#35807a rgb(53,128,122)
```
#356180
```
#356180 rgb(53,97,128)
```
#353c80
```
#353c80 rgb(53,60,128)
```

Analogous Color

#807a35
```
#807a35 rgb(128,122,53)
```
#356180
```
#356180 rgb(53,97,128)
```
#80353c
```
#80353c rgb(128,53,60)
```

Split Complementary Color

#618035
```
#618035 rgb(97,128,53)
```
#356180
```
#356180 rgb(53,97,128)
```
#803561
```
#803561 rgb(128,53,97)
```

Triadic Color

#358054
```
#358054 rgb(53,128,84)
```
#356180
```
#356180 rgb(53,97,128)
```
#803561
```
#803561 rgb(128,53,97)
```
#805435
```
#805435 rgb(128,84,53)
```

Tetradic Color

#1f384a
```
#1f384a rgb(31,56,74)
```
#26465c
```
#26465c rgb(38,70,92)
```
#2e536e
```
#2e536e rgb(46,83,110)
```
#356180
```
#356180 rgb(53,97,128)
```
#3c6f92
```
#3c6f92 rgb(60,111,146)
```
#447ca4
```
#447ca4 rgb(68,124,164)
```
#4c8ab5
```
#4c8ab5 rgb(76,138,181)
```

Monochromatic Color

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

#357480
```
#357480 rgb(53,116,128)
```
#356e80
```
#356e80 rgb(53,110,128)
```
#356780
```
#356780 rgb(53,103,128)
```
#356180
```
#356180 rgb(53,97,128)
```
#355b80
```
#355b80 rgb(53,91,128)
```
#355580
```
#355580 rgb(53,85,128)
```
#354e80
```
#354e80 rgb(53,78,128)
```

Similar Colors

Text with hexadecimal color #356180

This text has a font color of #356180.

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

#356180 background color

This paragraph has a background color of #356180.

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

#356180 border color

This element has a border color of #356180.

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

CSS codes

.text {color:#356180;}

.background {background-color:#356180;}

.border {border:1px solid #356180;}

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

#010203
```
#010203 rgb(1,2,3)
```
#070d11
```
#070d11 rgb(7,13,17)
```
#0d171f
```
#0d171f rgb(13,23,31)
```
#13222d
```
#13222d rgb(19,34,45)
```
#182c3b
```
#182c3b rgb(24,44,59)
```
#1e3749
```
#1e3749 rgb(30,55,73)
```
#244156
```
#244156 rgb(36,65,86)
```
#2a4c64
```
#2a4c64 rgb(42,76,100)
```
#2f5672
```
#2f5672 rgb(47,86,114)
```
#356180
```
#356180 rgb(53,97,128)
```
#3b6c8e
```
#3b6c8e rgb(59,108,142)
```
#40769c
```
#40769c rgb(64,118,156)
```
#4681aa
```
#4681aa rgb(70,129,170)
```

Shade Color Variation

#4e8bb6
```
#4e8bb6 rgb(78,139,182)
```
#5c94bb
```
#5c94bb rgb(92,148,187)
```
#6a9dc1
```
#6a9dc1 rgb(106,157,193)
```
#77a6c7
```
#77a6c7 rgb(119,166,199)
```
#85afcd
```
#85afcd rgb(133,175,205)
```
#93b8d2
```
#93b8d2 rgb(147,184,210)
```
#a1c1d8
```
#a1c1d8 rgb(161,193,216)
```
#afcade
```
#afcade rgb(175,202,222)
```
#bdd4e4
```
#bdd4e4 rgb(189,212,228)
```
#cbdde9
```
#cbdde9 rgb(203,221,233)
```
#d9e6ef
```
#d9e6ef rgb(217,230,239)
```
#e6eff5
```
#e6eff5 rgb(230,239,245)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

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

#585b5d
```
#585b5d rgb(88,91,93)
```
#515c64
```
#515c64 rgb(81,92,100)
```
#4a5d6b
```
#4a5d6b rgb(74,93,107)
```
#435f72
```
#435f72 rgb(67,95,114)
```
#3c6079
```
#3c6079 rgb(60,96,121)
```
#356180
```
#356180 rgb(53,97,128)
```
#2e6287
```
#2e6287 rgb(46,98,135)
```
#27638e
```
#27638e rgb(39,99,142)
```
#206595
```
#206595 rgb(32,101,149)
```
#19669c
```
#19669c rgb(25,102,156)
```
#1267a3
```
#1267a3 rgb(18,103,163)
```
#0b68aa
```
#0b68aa rgb(11,104,170)
```
#0469b1
```
#0469b1 rgb(4,105,177)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#50595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6483 Protanopia 1% of men
#586488 Deuteranopia 1% of men
#366c74 Tritanopia 0.001% of the population

Trichromacy

#4d6281 Protanomaly 1% of men, 0.01% of women
#4b6285 Deuteranomaly 6% of men, 0.4% of women
#356878 Tritanomaly 0.01% of the population

#356180 hex color

#356180 Color Information

#356180 Color Conversion

Color Schemes with #356180

Alternatives to #356180

#356180 Preview

Shades and Tints of #356180

Tones of #356180

Color Blindness Simulator