#356486 hex color

In a RGB color space, hex #356486 is composed of 20.8% red, 39.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 25.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 205.2 degrees, a saturation of 43.3% and a lightness of 36.7%. #356486 color hex could be obtained by blending #6ac8ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 39
- B 53
RGB color chart
- C 60
- M 25
- Y 0
- K 47
CMYK color chart

● #356486 color description : Dark moderate blue.

The hexadecimal color #356486 has RGB values of R:53, G:100, B:134 and CMYK values of C:0.6, M:0.25, Y:0, K:0.47. Its decimal value is 3499142.

Hex triplet	356486	`#356486`
RGB Decimal	53, 100, 134	`rgb(53,100,134)`
RGB Percent	20.8, 39.2, 52.5	`rgb(20.8%,39.2%,52.5%)`
CMYK	60, 25, 0, 47
HSL	205.2°, 43.3, 36.7	`hsl(205.2,43.3%,36.7%)`
HSV (or HSB)	205.2°, 60.4, 52.5
Web Safe	336699	`#336699`

CIE-LAB	40.56, -5.201, -23.708
XYZ	10.327, 11.592, 24.246
xyY	0.224, 0.251, 11.592
CIE-LCH	40.56, 24.272, 257.626
CIE-LUV	40.56, -19.544, -32.853
Hunter-Lab	34.047, -5.437, -18.39
Binary	00110101, 01100100, 10000110

#356486
```
#356486 rgb(53,100,134)
```
#865735
```
#865735 rgb(134,87,53)
```

Complementary Color

#358680
```
#358680 rgb(53,134,128)
```
#356486
```
#356486 rgb(53,100,134)
```
#353c86
```
#353c86 rgb(53,60,134)
```

Analogous Color

#868035
```
#868035 rgb(134,128,53)
```
#356486
```
#356486 rgb(53,100,134)
```
#86353c
```
#86353c rgb(134,53,60)
```

Split Complementary Color

#648635
```
#648635 rgb(100,134,53)
```
#356486
```
#356486 rgb(53,100,134)
```
#863564
```
#863564 rgb(134,53,100)
```

Triadic Color

#358657
```
#358657 rgb(53,134,87)
```
#356486
```
#356486 rgb(53,100,134)
```
#863564
```
#863564 rgb(134,53,100)
```
#865735
```
#865735 rgb(134,87,53)
```

Tetradic Color

#1f3b4f
```
#1f3b4f rgb(31,59,79)
```
#274961
```
#274961 rgb(39,73,97)
```
#2e5674
```
#2e5674 rgb(46,86,116)
```
#356486
```
#356486 rgb(53,100,134)
```
#3c7298
```
#3c7298 rgb(60,114,152)
```
#437fab
```
#437fab rgb(67,127,171)
```
#4e8cb9
```
#4e8cb9 rgb(78,140,185)
```

Monochromatic Color

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

#357886
```
#357886 rgb(53,120,134)
```
#357286
```
#357286 rgb(53,114,134)
```
#356b86
```
#356b86 rgb(53,107,134)
```
#356486
```
#356486 rgb(53,100,134)
```
#355d86
```
#355d86 rgb(53,93,134)
```
#355786
```
#355786 rgb(53,87,134)
```
#355086
```
#355086 rgb(53,80,134)
```

Similar Colors

Text with hexadecimal color #356486

This text has a font color of #356486.

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

#356486 background color

This paragraph has a background color of #356486.

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

#356486 border color

This element has a border color of #356486.

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

CSS codes

.text {color:#356486;}

.background {background-color:#356486;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091016
```
#091016 rgb(9,16,22)
```
#0e1b24
```
#0e1b24 rgb(14,27,36)
```
#142532
```
#142532 rgb(20,37,50)
```
#193040
```
#193040 rgb(25,48,64)
```
#1f3a4e
```
#1f3a4e rgb(31,58,78)
```
#24455c
```
#24455c rgb(36,69,92)
```
#2a4f6a
```
#2a4f6a rgb(42,79,106)
```
#2f5a78
```
#2f5a78 rgb(47,90,120)
```
#356486
```
#356486 rgb(53,100,134)
```
#3b6e94
```
#3b6e94 rgb(59,110,148)
```
#4079a2
```
#4079a2 rgb(64,121,162)
```
#4683b0
```
#4683b0 rgb(70,131,176)
```

Shade Color Variation

#508dba
```
#508dba rgb(80,141,186)
```
#5e96bf
```
#5e96bf rgb(94,150,191)
```
#6c9fc5
```
#6c9fc5 rgb(108,159,197)
```
#7aa9ca
```
#7aa9ca rgb(122,169,202)
```
#88b2d0
```
#88b2d0 rgb(136,178,208)
```
#96bbd5
```
#96bbd5 rgb(150,187,213)
```
#a4c4db
```
#a4c4db rgb(164,196,219)
```
#b2cde1
```
#b2cde1 rgb(178,205,225)
```
#c0d6e6
```
#c0d6e6 rgb(192,214,230)
```
#cedfec
```
#cedfec rgb(206,223,236)
```
#dce8f1
```
#dce8f1 rgb(220,232,241)
```
#eaf2f7
```
#eaf2f7 rgb(234,242,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e62 is the less saturated color, while #036cb8 is the most saturated one.

#595e62
```
#595e62 rgb(89,94,98)
```
#525f69
```
#525f69 rgb(82,95,105)
```
#4b6170
```
#4b6170 rgb(75,97,112)
```
#436278
```
#436278 rgb(67,98,120)
```
#3c637f
```
#3c637f rgb(60,99,127)
```
#356486
```
#356486 rgb(53,100,134)
```
#2e658d
```
#2e658d rgb(46,101,141)
```
#276694
```
#276694 rgb(39,102,148)
```
#1f679c
```
#1f679c rgb(31,103,156)
```
#1869a3
```
#1869a3 rgb(24,105,163)
```
#116aaa
```
#116aaa rgb(17,106,170)
```
#0a6bb1
```
#0a6bb1 rgb(10,107,177)
```
#036cb8
```
#036cb8 rgb(3,108,184)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6688 Protanopia 1% of men
#58668e Deuteranopia 1% of men
#346f78 Tritanopia 0.001% of the population

Trichromacy

#4e6587 Protanomaly 1% of men, 0.01% of women
#4b658b Deuteranomaly 6% of men, 0.4% of women
#346b7d Tritanomaly 0.01% of the population

#356486 hex color

#356486 Color Information

#356486 Color Conversion

Color Schemes with #356486

Alternatives to #356486

#356486 Preview

Shades and Tints of #356486

Tones of #356486

Color Blindness Simulator