#358884 hex color

In a RGB color space, hex #358884 is composed of 20.8% red, 53.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 0% magenta, 2.9% yellow and 46.7% black. It has a hue angle of 177.1 degrees, a saturation of 43.9% and a lightness of 37.1%. #358884 color hex could be obtained by blending #6affff with #001109. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 53
- B 52
RGB color chart
- C 61
- M 0
- Y 3
- K 47
CMYK color chart

● #358884 color description : Dark moderate cyan.

The hexadecimal color #358884 has RGB values of R:53, G:136, B:132 and CMYK values of C:0.61, M:0, Y:0.03, K:0.47. Its decimal value is 3508356.

Hex triplet	358884	`#358884`
RGB Decimal	53, 136, 132	`rgb(53,136,132)`
RGB Percent	20.8, 53.3, 51.8	`rgb(20.8%,53.3%,51.8%)`
CMYK	61, 0, 3, 47
HSL	177.1°, 43.9, 37.1	`hsl(177.1,43.9%,37.1%)`
HSV (or HSB)	177.1°, 61, 53.3
Web Safe	339999	`#339999`

CIE-LAB	51.871, -25.777, -5.341
XYZ	14.436, 20.03, 24.934
xyY	0.243, 0.337, 20.03
CIE-LCH	51.871, 26.324, 191.706
CIE-LUV	51.871, -33.487, -3.867
Hunter-Lab	44.755, -20.745, -1.703
Binary	00110101, 10001000, 10000100

#358884
```
#358884 rgb(53,136,132)
```
#883539
```
#883539 rgb(136,53,57)
```

Complementary Color

#35885b
```
#35885b rgb(53,136,91)
```
#358884
```
#358884 rgb(53,136,132)
```
#356388
```
#356388 rgb(53,99,136)
```

Analogous Color

#885b35
```
#885b35 rgb(136,91,53)
```
#358884
```
#358884 rgb(53,136,132)
```
#883563
```
#883563 rgb(136,53,99)
```

Split Complementary Color

#888435
```
#888435 rgb(136,132,53)
```
#358884
```
#358884 rgb(53,136,132)
```
#843588
```
#843588 rgb(132,53,136)
```

Triadic Color

#398835
```
#398835 rgb(57,136,53)
```
#358884
```
#358884 rgb(53,136,132)
```
#843588
```
#843588 rgb(132,53,136)
```
#883539
```
#883539 rgb(136,53,57)
```

Tetradic Color

#20514f
```
#20514f rgb(32,81,79)
```
#276360
```
#276360 rgb(39,99,96)
```
#2e7672
```
#2e7672 rgb(46,118,114)
```
#358884
```
#358884 rgb(53,136,132)
```
#3c9a96
```
#3c9a96 rgb(60,154,150)
```
#43ada8
```
#43ada8 rgb(67,173,168)
```
#4fbab5
```
#4fbab5 rgb(79,186,181)
```

Monochromatic Color

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

#35886f
```
#35886f rgb(53,136,111)
```
#358876
```
#358876 rgb(53,136,118)
```
#35887d
```
#35887d rgb(53,136,125)
```
#358884
```
#358884 rgb(53,136,132)
```
#358588
```
#358588 rgb(53,133,136)
```
#357e88
```
#357e88 rgb(53,126,136)
```
#357788
```
#357788 rgb(53,119,136)
```

Similar Colors

Text with hexadecimal color #358884

This text has a font color of #358884.

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

#358884 background color

This paragraph has a background color of #358884.

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

#358884 border color

This element has a border color of #358884.

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

CSS codes

.text {color:#358884;}

.background {background-color:#358884;}

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

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

#030909
```
#030909 rgb(3,9,9)
```
#091716
```
#091716 rgb(9,23,22)
```
#0e2524
```
#0e2524 rgb(14,37,36)
```
#143332
```
#143332 rgb(20,51,50)
```
#194140
```
#194140 rgb(25,65,64)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#245e5b
```
#245e5b rgb(36,94,91)
```
#2a6c69
```
#2a6c69 rgb(42,108,105)
```
#2f7a76
```
#2f7a76 rgb(47,122,118)
```
#358884
```
#358884 rgb(53,136,132)
```
#3b9692
```
#3b9692 rgb(59,150,146)
```
#40a49f
```
#40a49f rgb(64,164,159)
```
#46b2ad
```
#46b2ad rgb(70,178,173)
```

Shade Color Variation

#50bbb6
```
#50bbb6 rgb(80,187,182)
```
#5fc0bc
```
#5fc0bc rgb(95,192,188)
```
#6dc6c2
```
#6dc6c2 rgb(109,198,194)
```
#7bcbc8
```
#7bcbc8 rgb(123,203,200)
```
#89d1ce
```
#89d1ce rgb(137,209,206)
```
#97d6d3
```
#97d6d3 rgb(151,214,211)
```
#a5dcd9
```
#a5dcd9 rgb(165,220,217)
```
#b3e1df
```
#b3e1df rgb(179,225,223)
```
#c1e7e5
```
#c1e7e5 rgb(193,231,229)
```
#d0eceb
```
#d0eceb rgb(208,236,235)
```
#def2f1
```
#def2f1 rgb(222,242,241)
```
#ecf7f7
```
#ecf7f7 rgb(236,247,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #596463 is the less saturated color, while #02bbb2 is the most saturated one.

#596463
```
#596463 rgb(89,100,99)
```
#526b6a
```
#526b6a rgb(82,107,106)
```
#4b7270
```
#4b7270 rgb(75,114,112)
```
#447977
```
#447977 rgb(68,121,119)
```
#3c817d
```
#3c817d rgb(60,129,125)
```
#358884
```
#358884 rgb(53,136,132)
```
#2e8f8b
```
#2e8f8b rgb(46,143,139)
```
#269791
```
#269791 rgb(38,151,145)
```
#1f9e98
```
#1f9e98 rgb(31,158,152)
```
#18a59e
```
#18a59e rgb(24,165,158)
```
#11aca5
```
#11aca5 rgb(17,172,165)
```
#09b4ab
```
#09b4ab rgb(9,180,171)
```
#02bbb2
```
#02bbb2 rgb(2,187,178)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#637473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848183 Protanopia 1% of men
#887f8f Deuteranopia 1% of men
#458c96 Tritanopia 0.001% of the population

Trichromacy

#678483 Protanomaly 1% of men, 0.01% of women
#69828b Deuteranomaly 6% of men, 0.4% of women
#3f8a8f Tritanomaly 0.01% of the population

#358884 hex color

#358884 Color Information

#358884 Color Conversion

Color Schemes with #358884

Alternatives to #358884

#358884 Preview

Shades and Tints of #358884

Tones of #358884

Color Blindness Simulator