#358bba hex color

In a RGB color space, hex #358bba is composed of 20.8% red, 54.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 25.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 201.2 degrees, a saturation of 55.6% and a lightness of 46.9%. #358bba color hex could be obtained by blending #6affff with #001775. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 55
- B 73
RGB color chart
- C 72
- M 25
- Y 0
- K 27
CMYK color chart

● #358bba color description : Moderate blue.

The hexadecimal color #358bba has RGB values of R:53, G:139, B:186 and CMYK values of C:0.72, M:0.25, Y:0, K:0.27. Its decimal value is 3509178.

Hex triplet	358bba	`#358bba`
RGB Decimal	53, 139, 186	`rgb(53,139,186)`
RGB Percent	20.8, 54.5, 72.9	`rgb(20.8%,54.5%,72.9%)`
CMYK	72, 25, 0, 27
HSL	201.2°, 55.6, 46.9	`hsl(201.2,55.6%,46.9%)`
HSV (or HSB)	201.2°, 71.5, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.83, -10.097, -31.989
XYZ	19.562, 22.766, 49.815
xyY	0.212, 0.247, 22.766
CIE-LCH	54.83, 33.544, 252.482
CIE-LUV	54.83, -31.765, -47.74
Hunter-Lab	47.713, -10.317, -28.502
Binary	00110101, 10001011, 10111010

#358bba
```
#358bba rgb(53,139,186)
```
#ba6435
```
#ba6435 rgb(186,100,53)
```

Complementary Color

#35baa7
```
#35baa7 rgb(53,186,167)
```
#358bba
```
#358bba rgb(53,139,186)
```
#3549ba
```
#3549ba rgb(53,73,186)
```

Analogous Color

#baa735
```
#baa735 rgb(186,167,53)
```
#358bba
```
#358bba rgb(53,139,186)
```
#ba3549
```
#ba3549 rgb(186,53,73)
```

Split Complementary Color

#8bba35
```
#8bba35 rgb(139,186,53)
```
#358bba
```
#358bba rgb(53,139,186)
```
#ba358b
```
#ba358b rgb(186,53,139)
```

Triadic Color

#35ba64
```
#35ba64 rgb(53,186,100)
```
#358bba
```
#358bba rgb(53,139,186)
```
#ba358b
```
#ba358b rgb(186,53,139)
```
#ba6435
```
#ba6435 rgb(186,100,53)
```

Tetradic Color

#245f7e
```
#245f7e rgb(36,95,126)
```
#2a6d92
```
#2a6d92 rgb(42,109,146)
```
#2f7ca6
```
#2f7ca6 rgb(47,124,166)
```
#358bba
```
#358bba rgb(53,139,186)
```
#4098c9
```
#4098c9 rgb(64,152,201)
```
#54a3ce
```
#54a3ce rgb(84,163,206)
```
#68aed4
```
#68aed4 rgb(104,174,212)
```

Monochromatic Color

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

#35acba
```
#35acba rgb(53,172,186)
```
#35a1ba
```
#35a1ba rgb(53,161,186)
```
#3596ba
```
#3596ba rgb(53,150,186)
```
#358bba
```
#358bba rgb(53,139,186)
```
#3580ba
```
#3580ba rgb(53,128,186)
```
#3575ba
```
#3575ba rgb(53,117,186)
```
#356aba
```
#356aba rgb(53,106,186)
```

Similar Colors

Text with hexadecimal color #358bba

This text has a font color of #358bba.

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

#358bba background color

This paragraph has a background color of #358bba.

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

#358bba border color

This element has a border color of #358bba.

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

CSS codes

.text {color:#358bba;}

.background {background-color:#358bba;}

.border {border:1px solid #358bba;}

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 #f3f8fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#0a1921
```
#0a1921 rgb(10,25,33)
```
#0e2431
```
#0e2431 rgb(14,36,49)
```
#123040
```
#123040 rgb(18,48,64)
```
#173b4f
```
#173b4f rgb(23,59,79)
```
#1b475e
```
#1b475e rgb(27,71,94)
```
#1f526e
```
#1f526e rgb(31,82,110)
```
#245d7d
```
#245d7d rgb(36,93,125)
```
#28698c
```
#28698c rgb(40,105,140)
```
#2c749b
```
#2c749b rgb(44,116,155)
```
#3180ab
```
#3180ab rgb(49,128,171)
```
#358bba
```
#358bba rgb(53,139,186)
```

Shade Color Variation

#3b96c7
```
#3b96c7 rgb(59,150,199)
```
#4b9ecc
```
#4b9ecc rgb(75,158,204)
```
#5aa6d0
```
#5aa6d0 rgb(90,166,208)
```
#69aed4
```
#69aed4 rgb(105,174,212)
```
#78b7d9
```
#78b7d9 rgb(120,183,217)
```
#88bfdd
```
#88bfdd rgb(136,191,221)
```
#97c7e1
```
#97c7e1 rgb(151,199,225)
```
#a6cfe6
```
#a6cfe6 rgb(166,207,230)
```
#b5d7ea
```
#b5d7ea rgb(181,215,234)
```
#c5e0ee
```
#c5e0ee rgb(197,224,238)
```
#d4e8f3
```
#d4e8f3 rgb(212,232,243)
```
#e3f0f7
```
#e3f0f7 rgb(227,240,247)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75787a is the less saturated color, while #0798e8 is the most saturated one.

#75787a
```
#75787a rgb(117,120,122)
```
#6c7b83
```
#6c7b83 rgb(108,123,131)
```
#637e8c
```
#637e8c rgb(99,126,140)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#51839e
```
#51839e rgb(81,131,158)
```
#4786a8
```
#4786a8 rgb(71,134,168)
```
#3e88b1
```
#3e88b1 rgb(62,136,177)
```
#358bba
```
#358bba rgb(53,139,186)
```
#2c8ec3
```
#2c8ec3 rgb(44,142,195)
```
#2390cc
```
#2390cc rgb(35,144,204)
```
#1993d6
```
#1993d6 rgb(25,147,214)
```
#1096df
```
#1096df rgb(16,150,223)
```
#0798e8
```
#0798e8 rgb(7,152,232)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6a7b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a87b7 Protanopia 1% of men
#7188c0 Deuteranopia 1% of men
#2296a1 Tritanopia 0.001% of the population

Trichromacy

#6189b8 Protanomaly 1% of men, 0.01% of women
#5b89be Deuteranomaly 6% of men, 0.4% of women
#2992aa Tritanomaly 0.01% of the population

#358bba hex color

#358bba Color Information

#358bba Color Conversion

Color Schemes with #358bba

Alternatives to #358bba

#358bba Preview

Shades and Tints of #358bba

Tones of #358bba

Color Blindness Simulator