#358aef hex color

In a RGB color space, hex #358aef is composed of 20.8% red, 54.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 42.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 212.6 degrees, a saturation of 85.3% and a lightness of 57.3%. #358aef color hex could be obtained by blending #6affff with #0015df. Closest websafe color is: #3399ff.

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

● #358aef color description : Bright blue.

The hexadecimal color #358aef has RGB values of R:53, G:138, B:239 and CMYK values of C:0.78, M:0.42, Y:0, K:0.06. Its decimal value is 3508975.

Hex triplet	358aef	`#358aef`
RGB Decimal	53, 138, 239	`rgb(53,138,239)`
RGB Percent	20.8, 54.1, 93.7	`rgb(20.8%,54.1%,93.7%)`
CMYK	78, 42, 0, 6
HSL	212.6°, 85.3, 57.3	`hsl(212.6,85.3%,57.3%)`
HSV (or HSB)	212.6°, 77.8, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.235, 9.462, -57.987
XYZ	26.133, 25.164, 85.136
xyY	0.192, 0.184, 25.164
CIE-LCH	57.235, 58.753, 279.267
CIE-LUV	57.235, -29.179, -92.763
Hunter-Lab	50.163, 5.205, -65.511
Binary	00110101, 10001010, 11101111

#358aef
```
#358aef rgb(53,138,239)
```
#ef9a35
```
#ef9a35 rgb(239,154,53)
```

Complementary Color

#35e7ef
```
#35e7ef rgb(53,231,239)
```
#358aef
```
#358aef rgb(53,138,239)
```
#3d35ef
```
#3d35ef rgb(61,53,239)
```

Analogous Color

#e7ef35
```
#e7ef35 rgb(231,239,53)
```
#358aef
```
#358aef rgb(53,138,239)
```
#ef3d35
```
#ef3d35 rgb(239,61,53)
```

Split Complementary Color

#8aef35
```
#8aef35 rgb(138,239,53)
```
#358aef
```
#358aef rgb(53,138,239)
```
#ef358a
```
#ef358a rgb(239,53,138)
```

Triadic Color

#35ef9a
```
#35ef9a rgb(53,239,154)
```
#358aef
```
#358aef rgb(53,138,239)
```
#ef358a
```
#ef358a rgb(239,53,138)
```
#ef9a35
```
#ef9a35 rgb(239,154,53)
```

Tetradic Color

#1064c8
```
#1064c8 rgb(16,100,200)
```
#1270df
```
#1270df rgb(18,112,223)
```
#1d7ced
```
#1d7ced rgb(29,124,237)
```
#358aef
```
#358aef rgb(53,138,239)
```
#4d98f1
```
#4d98f1 rgb(77,152,241)
```
#64a5f3
```
#64a5f3 rgb(100,165,243)
```
#7cb3f5
```
#7cb3f5 rgb(124,179,245)
```

Monochromatic Color

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

#35b9ef
```
#35b9ef rgb(53,185,239)
```
#35a9ef
```
#35a9ef rgb(53,169,239)
```
#359aef
```
#359aef rgb(53,154,239)
```
#358aef
```
#358aef rgb(53,138,239)
```
#357bef
```
#357bef rgb(53,123,239)
```
#356bef
```
#356bef rgb(53,107,239)
```
#355cef
```
#355cef rgb(53,92,239)
```

Similar Colors

Text with hexadecimal color #358aef

This text has a font color of #358aef.

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

#358aef background color

This paragraph has a background color of #358aef.

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

#358aef border color

This element has a border color of #358aef.

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

CSS codes

.text {color:#358aef;}

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

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

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

#010810
```
#010810 rgb(1,8,16)
```
#031122
```
#031122 rgb(3,17,34)
```
#041a34
```
#041a34 rgb(4,26,52)
```
#062347
```
#062347 rgb(6,35,71)
```
#072c59
```
#072c59 rgb(7,44,89)
```
#08356b
```
#08356b rgb(8,53,107)
```
#0a3f7d
```
#0a3f7d rgb(10,63,125)
```
#0b488f
```
#0b488f rgb(11,72,143)
```
#0d51a2
```
#0d51a2 rgb(13,81,162)
```
#0e5ab4
```
#0e5ab4 rgb(14,90,180)
```
#1063c6
```
#1063c6 rgb(16,99,198)
```
#116cd8
```
#116cd8 rgb(17,108,216)
```
#1375ea
```
#1375ea rgb(19,117,234)
```

Shade Color Variation

#237fee
```
#237fee rgb(35,127,238)
```
#358aef
```
#358aef rgb(53,138,239)
```
#4795f0
```
#4795f0 rgb(71,149,240)
```
#599ff2
```
#599ff2 rgb(89,159,242)
```
#6caaf3
```
#6caaf3 rgb(108,170,243)
```
#7eb4f5
```
#7eb4f5 rgb(126,180,245)
```
#90bff6
```
#90bff6 rgb(144,191,246)
```
#a2c9f8
```
#a2c9f8 rgb(162,201,248)
```
#b4d4f9
```
#b4d4f9 rgb(180,212,249)
```
#c6defb
```
#c6defb rgb(198,222,251)
```
#d9e9fc
```
#d9e9fc rgb(217,233,252)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#919293
```
#919293 rgb(145,146,147)
```
#89919b
```
#89919b rgb(137,145,155)
```
#8090a4
```
#8090a4 rgb(128,144,164)
```
#7890ac
```
#7890ac rgb(120,144,172)
```
#708fb4
```
#708fb4 rgb(112,143,180)
```
#678ebd
```
#678ebd rgb(103,142,189)
```
#5f8ec5
```
#5f8ec5 rgb(95,142,197)
```
#578dcd
```
#578dcd rgb(87,141,205)
```
#4e8cd6
```
#4e8cd6 rgb(78,140,214)
```
#468bde
```
#468bde rgb(70,139,222)
```
#3d8be7
```
#3d8be7 rgb(61,139,231)
```
#358aef
```
#358aef rgb(53,138,239)
```
#2d89f7
```
#2d89f7 rgb(45,137,247)
```

Tone Color Variation

Below, you can see how #358aef 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
#6e7f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#608cec Protanopia 1% of men
#2f91ef Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#508bed Protanomaly 1% of men, 0.01% of women
#318eef Deuteranomaly 6% of men, 0.4% of women
#1396c1 Tritanomaly 0.01% of the population

#358aef hex color

#358aef Color Information

#358aef Color Conversion

Color Schemes with #358aef

Alternatives to #358aef

#358aef Preview

Shades and Tints of #358aef

Tones of #358aef

Color Blindness Simulator