#358aec hex color

In a RGB color space, hex #358aec is composed of 20.8% red, 54.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 41.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 212.1 degrees, a saturation of 82.8% and a lightness of 56.7%. #358aec color hex could be obtained by blending #6affff with #0015d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 54
- B 93
RGB color chart
- C 78
- M 42
- Y 0
- K 7
CMYK color chart

● #358aec color description : Bright blue.

The hexadecimal color #358aec has RGB values of R:53, G:138, B:236 and CMYK values of C:0.78, M:0.42, Y:0, K:0.07. Its decimal value is 3508972.

Hex triplet	358aec	`#358aec`
RGB Decimal	53, 138, 236	`rgb(53,138,236)`
RGB Percent	20.8, 54.1, 92.5	`rgb(20.8%,54.1%,92.5%)`
CMYK	78, 42, 0, 7
HSL	212.1°, 82.8, 56.7	`hsl(212.1,82.8%,56.7%)`
HSV (or HSB)	212.1°, 77.5, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.064, 8.365, -56.596
XYZ	25.694, 24.988, 82.821
xyY	0.192, 0.187, 24.988
CIE-LCH	57.064, 57.211, 278.408
CIE-LUV	57.064, -29.285, -90.358
Hunter-Lab	49.988, 4.269, -63.242
Binary	00110101, 10001010, 11101100

#358aec
```
#358aec rgb(53,138,236)
```
#ec9735
```
#ec9735 rgb(236,151,53)
```

Complementary Color

#35e6ec
```
#35e6ec rgb(53,230,236)
```
#358aec
```
#358aec rgb(53,138,236)
```
#3b35ec
```
#3b35ec rgb(59,53,236)
```

Analogous Color

#e6ec35
```
#e6ec35 rgb(230,236,53)
```
#358aec
```
#358aec rgb(53,138,236)
```
#ec3b35
```
#ec3b35 rgb(236,59,53)
```

Split Complementary Color

#8aec35
```
#8aec35 rgb(138,236,53)
```
#358aec
```
#358aec rgb(53,138,236)
```
#ec358a
```
#ec358a rgb(236,53,138)
```

Triadic Color

#35ec97
```
#35ec97 rgb(53,236,151)
```
#358aec
```
#358aec rgb(53,138,236)
```
#ec358a
```
#ec358a rgb(236,53,138)
```
#ec9735
```
#ec9735 rgb(236,151,53)
```

Tetradic Color

#1264c2
```
#1264c2 rgb(18,100,194)
```
#1470da
```
#1470da rgb(20,112,218)
```
#1e7dea
```
#1e7dea rgb(30,125,234)
```
#358aec
```
#358aec rgb(53,138,236)
```
#4c98ee
```
#4c98ee rgb(76,152,238)
```
#64a5f0
```
#64a5f0 rgb(100,165,240)
```
#7bb3f3
```
#7bb3f3 rgb(123,179,243)
```

Monochromatic Color

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

#35b8ec
```
#35b8ec rgb(53,184,236)
```
#35a9ec
```
#35a9ec rgb(53,169,236)
```
#3599ec
```
#3599ec rgb(53,153,236)
```
#358aec
```
#358aec rgb(53,138,236)
```
#357bec
```
#357bec rgb(53,123,236)
```
#356cec
```
#356cec rgb(53,108,236)
```
#355cec
```
#355cec rgb(53,92,236)
```

Similar Colors

Text with hexadecimal color #358aec

This text has a font color of #358aec.

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

#358aec background color

This paragraph has a background color of #358aec.

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

#358aec border color

This element has a border color of #358aec.

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

CSS codes

.text {color:#358aec;}

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

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

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, #01070d is the darkest color, while #fafcff is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#03101f
```
#03101f rgb(3,16,31)
```
#051931
```
#051931 rgb(5,25,49)
```
#062243
```
#062243 rgb(6,34,67)
```
#082c55
```
#082c55 rgb(8,44,85)
```
#0a3567
```
#0a3567 rgb(10,53,103)
```
#0b3e79
```
#0b3e79 rgb(11,62,121)
```
#0d478b
```
#0d478b rgb(13,71,139)
```
#0f519d
```
#0f519d rgb(15,81,157)
```
#105aaf
```
#105aaf rgb(16,90,175)
```
#1263c0
```
#1263c0 rgb(18,99,192)
```
#146cd2
```
#146cd2 rgb(20,108,210)
```
#1576e4
```
#1576e4 rgb(21,118,228)
```

Shade Color Variation

#2380ea
```
#2380ea rgb(35,128,234)
```
#358aec
```
#358aec rgb(53,138,236)
```
#4794ee
```
#4794ee rgb(71,148,238)
```
#599fef
```
#599fef rgb(89,159,239)
```
#6ba9f1
```
#6ba9f1 rgb(107,169,241)
```
#7db4f3
```
#7db4f3 rgb(125,180,243)
```
#8fbef4
```
#8fbef4 rgb(143,190,244)
```
#a1c8f6
```
#a1c8f6 rgb(161,200,246)
```
#b3d3f8
```
#b3d3f8 rgb(179,211,248)
```
#c4ddf9
```
#c4ddf9 rgb(196,221,249)
```
#d6e7fb
```
#d6e7fb rgb(214,231,251)
```
#e8f2fd
```
#e8f2fd rgb(232,242,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9097 is the less saturated color, while #2489fd is the most saturated one.

#8a9097
```
#8a9097 rgb(138,144,151)
```
#828fa0
```
#828fa0 rgb(130,143,160)
```
#798fa8
```
#798fa8 rgb(121,143,168)
```
#718eb1
```
#718eb1 rgb(113,142,177)
```
#688eb9
```
#688eb9 rgb(104,142,185)
```
#608dc2
```
#608dc2 rgb(96,141,194)
```
#578cca
```
#578cca rgb(87,140,202)
```
#4f8cd3
```
#4f8cd3 rgb(79,140,211)
```
#468bdb
```
#468bdb rgb(70,139,219)
```
#3e8be4
```
#3e8be4 rgb(62,139,228)
```
#358aec
```
#358aec rgb(53,138,236)
```
#2d89f5
```
#2d89f5 rgb(45,137,245)
```
#2489fd
```
#2489fd rgb(36,137,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6e7f92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#628ce9 Protanopia 1% of men
#3790ec Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#518bea Protanomaly 1% of men, 0.01% of women
#368eec Deuteranomaly 6% of men, 0.4% of women
#1396c0 Tritanomaly 0.01% of the population

#358aec hex color

#358aec Color Information

#358aec Color Conversion

Color Schemes with #358aec

Alternatives to #358aec

#358aec Preview

Shades and Tints of #358aec

Tones of #358aec

Color Blindness Simulator