colorhexa.com

#355688 hex color

In a RGB color space, hex #355688 is composed of 20.8% red, 33.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 36.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 216.1 degrees, a saturation of 43.9% and a lightness of 37.1%. #355688 color hex could be obtained by blending #6aacff with #000011. Closest websafe color is: #336699.

- R 21
- G 34
- B 53
RGB color chart
- C 61
- M 37
- Y 0
- K 47
CMYK color chart

● #355688 color description : Dark moderate blue.

The hexadecimal color #355688 has RGB values of R:53, G:86, B:136 and CMYK values of C:0.61, M:0.37, Y:0, K:0.47. Its decimal value is 3495560.

Hex triplet	355688	`#355688`
RGB Decimal	53, 86, 136	`rgb(53,86,136)`
RGB Percent	20.8, 33.7, 53.3	`rgb(20.8%,33.7%,53.3%)`
CMYK	61, 37, 0, 47
HSL	216.1°, 43.9, 37.1	`hsl(216.1,43.9%,37.1%)`
HSV (or HSB)	216.1°, 61, 53.3
Web Safe	336699	`#336699`

CIE-LAB	36.347, 4.264, -31.523
XYZ	9.239, 9.189, 24.578
xyY	0.215, 0.214, 9.189
CIE-LCH	36.347, 31.81, 277.703
CIE-LUV	36.347, -14.402, -44.317
Hunter-Lab	30.314, 1.352, -26.851
Binary	00110101, 01010110, 10001000

#355688
```
#355688 rgb(53,86,136)
```
#886735
```
#886735 rgb(136,103,53)
```

Complementary Color

#358088
```
#358088 rgb(53,128,136)
```
#355688
```
#355688 rgb(53,86,136)
```
#3e3588
```
#3e3588 rgb(62,53,136)
```

Analogous Color

#808835
```
#808835 rgb(128,136,53)
```
#355688
```
#355688 rgb(53,86,136)
```
#883e35
```
#883e35 rgb(136,62,53)
```

Split Complementary Color

#568835
```
#568835 rgb(86,136,53)
```
#355688
```
#355688 rgb(53,86,136)
```
#883556
```
#883556 rgb(136,53,86)
```

Triadic Color

#358867
```
#358867 rgb(53,136,103)
```
#355688
```
#355688 rgb(53,86,136)
```
#883556
```
#883556 rgb(136,53,86)
```
#886735
```
#886735 rgb(136,103,53)
```

Tetradic Color

#203351
```
#203351 rgb(32,51,81)
```
#273f63
```
#273f63 rgb(39,63,99)
```
#2e4a76
```
#2e4a76 rgb(46,74,118)
```
#355688
```
#355688 rgb(53,86,136)
```
#3c629a
```
#3c629a rgb(60,98,154)
```
#436dad
```
#436dad rgb(67,109,173)
```
#4f7aba
```
#4f7aba rgb(79,122,186)
```

Monochromatic Color

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

#356b88
```
#356b88 rgb(53,107,136)
```
#356488
```
#356488 rgb(53,100,136)
```
#355d88
```
#355d88 rgb(53,93,136)
```
#355688
```
#355688 rgb(53,86,136)
```
#354f88
```
#354f88 rgb(53,79,136)
```
#354888
```
#354888 rgb(53,72,136)
```
#354188
```
#354188 rgb(53,65,136)
```

Similar Colors

Text with hexadecimal color #355688

This text has a font color of #355688.

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

#355688 background color

This paragraph has a background color of #355688.

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

#355688 border color

This element has a border color of #355688.

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

CSS codes

.text {color:#355688;}

.background {background-color:#355688;}

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

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

#030609
```
#030609 rgb(3,6,9)
```
#090f17
```
#090f17 rgb(9,15,23)
```
#0e1825
```
#0e1825 rgb(14,24,37)
```
#142033
```
#142033 rgb(20,32,51)
```
#192941
```
#192941 rgb(25,41,65)
```
#1f3250
```
#1f3250 rgb(31,50,80)
```
#243b5e
```
#243b5e rgb(36,59,94)
```
#2a446c
```
#2a446c rgb(42,68,108)
```
#2f4d7a
```
#2f4d7a rgb(47,77,122)
```
#355688
```
#355688 rgb(53,86,136)
```
#3b5f96
```
#3b5f96 rgb(59,95,150)
```
#4068a4
```
#4068a4 rgb(64,104,164)
```
#4671b2
```
#4671b2 rgb(70,113,178)
```

Shade Color Variation

#507bbb
```
#507bbb rgb(80,123,187)
```
#5f86c0
```
#5f86c0 rgb(95,134,192)
```
#6d90c6
```
#6d90c6 rgb(109,144,198)
```
#7b9bcb
```
#7b9bcb rgb(123,155,203)
```
#89a6d1
```
#89a6d1 rgb(137,166,209)
```
#97b0d6
```
#97b0d6 rgb(151,176,214)
```
#a5bbdc
```
#a5bbdc rgb(165,187,220)
```
#b3c6e1
```
#b3c6e1 rgb(179,198,225)
```
#c1d0e7
```
#c1d0e7 rgb(193,208,231)
```
#d0dbec
```
#d0dbec rgb(208,219,236)
```
#dee6f2
```
#dee6f2 rgb(222,230,242)
```
#ecf0f7
```
#ecf0f7 rgb(236,240,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#595d64
```
#595d64 rgb(89,93,100)
```
#525c6b
```
#525c6b rgb(82,92,107)
```
#4b5a72
```
#4b5a72 rgb(75,90,114)
```
#445979
```
#445979 rgb(68,89,121)
```
#3c5781
```
#3c5781 rgb(60,87,129)
```
#355688
```
#355688 rgb(53,86,136)
```
#2e558f
```
#2e558f rgb(46,85,143)
```
#265397
```
#265397 rgb(38,83,151)
```
#1f529e
```
#1f529e rgb(31,82,158)
```
#1850a5
```
#1850a5 rgb(24,80,165)
```
#114fac
```
#114fac rgb(17,79,172)
```
#094db4
```
#094db4 rgb(9,77,180)
```
#024cbb
```
#024cbb rgb(2,76,187)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c535d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5c8c Protanopia 1% of men
#415e8e Deuteranopia 1% of men
#2c656d Tritanopia 0.001% of the population

Trichromacy

#435a8a Protanomaly 1% of men, 0.01% of women
#3d5b8c Deuteranomaly 6% of men, 0.4% of women
#2f6077 Tritanomaly 0.01% of the population