#358396 hex color

In a RGB color space, hex #358396 is composed of 20.8% red, 51.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 12.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 191.8 degrees, a saturation of 47.8% and a lightness of 39.8%. #358396 color hex could be obtained by blending #6affff with #00072d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 51
- B 59
RGB color chart
- C 65
- M 13
- Y 0
- K 41
CMYK color chart

● #358396 color description : Dark moderate cyan.

The hexadecimal color #358396 has RGB values of R:53, G:131, B:150 and CMYK values of C:0.65, M:0.13, Y:0, K:0.41. Its decimal value is 3507094.

Hex triplet	358396	`#358396`
RGB Decimal	53, 131, 150	`rgb(53,131,150)`
RGB Percent	20.8, 51.4, 58.8	`rgb(20.8%,51.4%,58.8%)`
CMYK	65, 13, 0, 41
HSL	191.8°, 47.8, 39.8	`hsl(191.8,47.8%,39.8%)`
HSV (or HSB)	191.8°, 64.7, 58.8
Web Safe	339999	`#339999`

CIE-LAB	50.909, -17.672, -17.28
XYZ	15.088, 19.19, 31.761
xyY	0.228, 0.291, 19.19
CIE-LCH	50.909, 24.717, 224.357
CIE-LUV	50.909, -30.634, -22.92
Hunter-Lab	43.807, -15.182, -12.323
Binary	00110101, 10000011, 10010110

#358396
```
#358396 rgb(53,131,150)
```
#964835
```
#964835 rgb(150,72,53)
```

Complementary Color

#359679
```
#359679 rgb(53,150,121)
```
#358396
```
#358396 rgb(53,131,150)
```
#355396
```
#355396 rgb(53,83,150)
```

Analogous Color

#967935
```
#967935 rgb(150,121,53)
```
#358396
```
#358396 rgb(53,131,150)
```
#963553
```
#963553 rgb(150,53,83)
```

Split Complementary Color

#839635
```
#839635 rgb(131,150,53)
```
#358396
```
#358396 rgb(53,131,150)
```
#963583
```
#963583 rgb(150,53,131)
```

Triadic Color

#359648
```
#359648 rgb(53,150,72)
```
#358396
```
#358396 rgb(53,131,150)
```
#963583
```
#963583 rgb(150,53,131)
```
#964835
```
#964835 rgb(150,72,53)
```

Tetradic Color

#21525d
```
#21525d rgb(33,82,93)
```
#286270
```
#286270 rgb(40,98,112)
```
#2e7383
```
#2e7383 rgb(46,115,131)
```
#358396
```
#358396 rgb(53,131,150)
```
#3c93a9
```
#3c93a9 rgb(60,147,169)
```
#42a4bc
```
#42a4bc rgb(66,164,188)
```
#55adc3
```
#55adc3 rgb(85,173,195)
```

Monochromatic Color

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

#359691
```
#359691 rgb(53,150,145)
```
#359396
```
#359396 rgb(53,147,150)
```
#358b96
```
#358b96 rgb(53,139,150)
```
#358396
```
#358396 rgb(53,131,150)
```
#357b96
```
#357b96 rgb(53,123,150)
```
#357396
```
#357396 rgb(53,115,150)
```
#356b96
```
#356b96 rgb(53,107,150)
```

Similar Colors

Text with hexadecimal color #358396

This text has a font color of #358396.

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

#358396 background color

This paragraph has a background color of #358396.

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

#358396 border color

This element has a border color of #358396.

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

CSS codes

.text {color:#358396;}

.background {background-color:#358396;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071114
```
#071114 rgb(7,17,20)
```
#0c1e22
```
#0c1e22 rgb(12,30,34)
```
#112a31
```
#112a31 rgb(17,42,49)
```
#16373f
```
#16373f rgb(22,55,63)
```
#1b444e
```
#1b444e rgb(27,68,78)
```
#21505c
```
#21505c rgb(33,80,92)
```
#265d6b
```
#265d6b rgb(38,93,107)
```
#2b6a79
```
#2b6a79 rgb(43,106,121)
```
#307688
```
#307688 rgb(48,118,136)
```
#358396
```
#358396 rgb(53,131,150)
```
#3a90a4
```
#3a90a4 rgb(58,144,164)
```
#3f9cb3
```
#3f9cb3 rgb(63,156,179)
```

Shade Color Variation

#48a7be
```
#48a7be rgb(72,167,190)
```
#56aec3
```
#56aec3 rgb(86,174,195)
```
#65b5c8
```
#65b5c8 rgb(101,181,200)
```
#73bcce
```
#73bcce rgb(115,188,206)
```
#82c3d3
```
#82c3d3 rgb(130,195,211)
```
#90cad8
```
#90cad8 rgb(144,202,216)
```
#9fd1dd
```
#9fd1dd rgb(159,209,221)
```
#add8e2
```
#add8e2 rgb(173,216,226)
```
#bcdfe7
```
#bcdfe7 rgb(188,223,231)
```
#cae6ec
```
#cae6ec rgb(202,230,236)
```
#d9edf1
```
#d9edf1 rgb(217,237,241)
```
#e7f4f7
```
#e7f4f7 rgb(231,244,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#646767
```
#646767 rgb(100,103,103)
```
#5c6b6f
```
#5c6b6f rgb(92,107,111)
```
#547077
```
#547077 rgb(84,112,119)
```
#4c757f
```
#4c757f rgb(76,117,127)
```
#457a86
```
#457a86 rgb(69,122,134)
```
#3d7e8e
```
#3d7e8e rgb(61,126,142)
```
#358396
```
#358396 rgb(53,131,150)
```
#2d889e
```
#2d889e rgb(45,136,158)
```
#258ca6
```
#258ca6 rgb(37,140,166)
```
#1e91ad
```
#1e91ad rgb(30,145,173)
```
#1696b5
```
#1696b5 rgb(22,150,181)
```
#0e9bbd
```
#0e9bbd rgb(14,155,189)
```
#069fc5
```
#069fc5 rgb(6,159,197)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#637276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7f95 Protanopia 1% of men
#7a7e9f Deuteranopia 1% of men
#3b8a94 Tritanopia 0.001% of the population

Trichromacy

#618095 Protanomaly 1% of men, 0.01% of women
#617f9c Deuteranomaly 6% of men, 0.4% of women
#398795 Tritanomaly 0.01% of the population

#358396 hex color

#358396 Color Information

#358396 Color Conversion

Color Schemes with #358396

Alternatives to #358396

#358396 Preview

Shades and Tints of #358396

Tones of #358396

Color Blindness Simulator