#358aba hex color

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

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

● #358aba color description : Moderate blue.

The hexadecimal color #358aba has RGB values of R:53, G:138, B:186 and CMYK values of C:0.72, M:0.26, Y:0, K:0.27. Its decimal value is 3508922.

Hex triplet	358aba	`#358aba`
RGB Decimal	53, 138, 186	`rgb(53,138,186)`
RGB Percent	20.8, 54.1, 72.9	`rgb(20.8%,54.1%,72.9%)`
CMYK	72, 26, 0, 27
HSL	201.7°, 55.6, 46.9	`hsl(201.7,55.6%,46.9%)`
HSV (or HSB)	201.7°, 71.5, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.53, -9.53, -32.457
XYZ	19.417, 22.477, 49.767
xyY	0.212, 0.245, 22.477
CIE-LCH	54.53, 33.827, 253.637
CIE-LUV	54.53, -31.408, -48.52
Hunter-Lab	47.41, -9.862, -29.05
Binary	00110101, 10001010, 10111010

#358aba
```
#358aba rgb(53,138,186)
```
#ba6535
```
#ba6535 rgb(186,101,53)
```

Complementary Color

#35baa8
```
#35baa8 rgb(53,186,168)
```
#358aba
```
#358aba rgb(53,138,186)
```
#3548ba
```
#3548ba rgb(53,72,186)
```

Analogous Color

#baa835
```
#baa835 rgb(186,168,53)
```
#358aba
```
#358aba rgb(53,138,186)
```
#ba3547
```
#ba3547 rgb(186,53,71)
```

Split Complementary Color

#8aba35
```
#8aba35 rgb(138,186,53)
```
#358aba
```
#358aba rgb(53,138,186)
```
#ba358a
```
#ba358a rgb(186,53,138)
```

Triadic Color

#35ba65
```
#35ba65 rgb(53,186,101)
```
#358aba
```
#358aba rgb(53,138,186)
```
#ba358a
```
#ba358a rgb(186,53,138)
```
#ba6535
```
#ba6535 rgb(186,101,53)
```

Tetradic Color

#245e7e
```
#245e7e rgb(36,94,126)
```
#2a6d92
```
#2a6d92 rgb(42,109,146)
```
#2f7ba6
```
#2f7ba6 rgb(47,123,166)
```
#358aba
```
#358aba rgb(53,138,186)
```
#4097c9
```
#4097c9 rgb(64,151,201)
```
#54a2ce
```
#54a2ce rgb(84,162,206)
```
#68add4
```
#68add4 rgb(104,173,212)
```

Monochromatic Color

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

#35abba
```
#35abba rgb(53,171,186)
```
#35a0ba
```
#35a0ba rgb(53,160,186)
```
#3595ba
```
#3595ba rgb(53,149,186)
```
#358aba
```
#358aba rgb(53,138,186)
```
#357fba
```
#357fba rgb(53,127,186)
```
#3574ba
```
#3574ba rgb(53,116,186)
```
#3569ba
```
#3569ba rgb(53,105,186)
```

Similar Colors

Text with hexadecimal color #358aba

This text has a font color of #358aba.

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

#358aba background color

This paragraph has a background color of #358aba.

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

#358aba border color

This element has a border color of #358aba.

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

CSS codes

.text {color:#358aba;}

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

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

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)
```
#050d12
```
#050d12 rgb(5,13,18)
```
#0a1921
```
#0a1921 rgb(10,25,33)
```
#0e2431
```
#0e2431 rgb(14,36,49)
```
#122f40
```
#122f40 rgb(18,47,64)
```
#173b4f
```
#173b4f rgb(23,59,79)
```
#1b465e
```
#1b465e rgb(27,70,94)
```
#1f516e
```
#1f516e rgb(31,81,110)
```
#245d7d
```
#245d7d rgb(36,93,125)
```
#28688c
```
#28688c rgb(40,104,140)
```
#2c739b
```
#2c739b rgb(44,115,155)
```
#317fab
```
#317fab rgb(49,127,171)
```
#358aba
```
#358aba rgb(53,138,186)
```

Shade Color Variation

#3b95c7
```
#3b95c7 rgb(59,149,199)
```
#4b9dcc
```
#4b9dcc rgb(75,157,204)
```
#5aa5d0
```
#5aa5d0 rgb(90,165,208)
```
#69aed4
```
#69aed4 rgb(105,174,212)
```
#78b6d9
```
#78b6d9 rgb(120,182,217)
```
#88bedd
```
#88bedd rgb(136,190,221)
```
#97c7e1
```
#97c7e1 rgb(151,199,225)
```
#a6cfe6
```
#a6cfe6 rgb(166,207,230)
```
#b5d7ea
```
#b5d7ea rgb(181,215,234)
```
#c5dfee
```
#c5dfee rgb(197,223,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 #0797e8 is the most saturated one.

#75787a
```
#75787a rgb(117,120,122)
```
#6c7b83
```
#6c7b83 rgb(108,123,131)
```
#637d8c
```
#637d8c rgb(99,125,140)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#51829e
```
#51829e rgb(81,130,158)
```
#4785a8
```
#4785a8 rgb(71,133,168)
```
#3e87b1
```
#3e87b1 rgb(62,135,177)
```
#358aba
```
#358aba rgb(53,138,186)
```
#2c8dc3
```
#2c8dc3 rgb(44,141,195)
```
#238fcc
```
#238fcc rgb(35,143,204)
```
#1992d6
```
#1992d6 rgb(25,146,214)
```
#1094df
```
#1094df rgb(16,148,223)
```
#0797e8
```
#0797e8 rgb(7,151,232)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#697a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7987b7 Protanopia 1% of men
#7088c0 Deuteranopia 1% of men
#2095a0 Tritanopia 0.001% of the population

Trichromacy

#6088b8 Protanomaly 1% of men, 0.01% of women
#5a88be Deuteranomaly 6% of men, 0.4% of women
#2891a9 Tritanomaly 0.01% of the population

#358aba hex color

#358aba Color Information

#358aba Color Conversion

Color Schemes with #358aba

Alternatives to #358aba

#358aba Preview

Shades and Tints of #358aba

Tones of #358aba

Color Blindness Simulator