#358bef hex color

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

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

● #358bef color description : Bright blue.

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

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

CIE-LAB	57.513, 8.857, -57.541
XYZ	26.277, 25.452, 85.184
xyY	0.192, 0.186, 25.452
CIE-LCH	57.513, 58.219, 278.751
CIE-LUV	57.513, -29.496, -92.077
Hunter-Lab	50.45, 4.686, -64.796
Binary	00110101, 10001011, 11101111

#358bef
```
#358bef rgb(53,139,239)
```
#ef9935
```
#ef9935 rgb(239,153,53)
```

Complementary Color

#35e8ef
```
#35e8ef rgb(53,232,239)
```
#358bef
```
#358bef rgb(53,139,239)
```
#3c35ef
```
#3c35ef rgb(60,53,239)
```

Analogous Color

#e8ef35
```
#e8ef35 rgb(232,239,53)
```
#358bef
```
#358bef rgb(53,139,239)
```
#ef3c35
```
#ef3c35 rgb(239,60,53)
```

Split Complementary Color

#8bef35
```
#8bef35 rgb(139,239,53)
```
#358bef
```
#358bef rgb(53,139,239)
```
#ef358b
```
#ef358b rgb(239,53,139)
```

Triadic Color

#35ef99
```
#35ef99 rgb(53,239,153)
```
#358bef
```
#358bef rgb(53,139,239)
```
#ef358b
```
#ef358b rgb(239,53,139)
```
#ef9935
```
#ef9935 rgb(239,153,53)
```

Tetradic Color

#1065c8
```
#1065c8 rgb(16,101,200)
```
#1271df
```
#1271df rgb(18,113,223)
```
#1d7ded
```
#1d7ded rgb(29,125,237)
```
#358bef
```
#358bef rgb(53,139,239)
```
#4d99f1
```
#4d99f1 rgb(77,153,241)
```
#64a6f3
```
#64a6f3 rgb(100,166,243)
```
#7cb4f5
```
#7cb4f5 rgb(124,180,245)
```

Monochromatic Color

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

#35baef
```
#35baef rgb(53,186,239)
```
#35aaef
```
#35aaef rgb(53,170,239)
```
#359bef
```
#359bef rgb(53,155,239)
```
#358bef
```
#358bef rgb(53,139,239)
```
#357cef
```
#357cef rgb(53,124,239)
```
#356cef
```
#356cef rgb(53,108,239)
```
#355def
```
#355def rgb(53,93,239)
```

Similar Colors

Text with hexadecimal color #358bef

This text has a font color of #358bef.

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

#358bef background color

This paragraph has a background color of #358bef.

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

#358bef border color

This element has a border color of #358bef.

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

CSS codes

.text {color:#358bef;}

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

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

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)
```
#062447
```
#062447 rgb(6,36,71)
```
#072d59
```
#072d59 rgb(7,45,89)
```
#08366b
```
#08366b rgb(8,54,107)
```
#0a3f7d
```
#0a3f7d rgb(10,63,125)
```
#0b488f
```
#0b488f rgb(11,72,143)
```
#0d52a2
```
#0d52a2 rgb(13,82,162)
```
#0e5bb4
```
#0e5bb4 rgb(14,91,180)
```
#1064c6
```
#1064c6 rgb(16,100,198)
```
#116dd8
```
#116dd8 rgb(17,109,216)
```
#1376ea
```
#1376ea rgb(19,118,234)
```

Shade Color Variation

#2381ee
```
#2381ee rgb(35,129,238)
```
#358bef
```
#358bef rgb(53,139,239)
```
#4795f0
```
#4795f0 rgb(71,149,240)
```
#59a0f2
```
#59a0f2 rgb(89,160,242)
```
#6caaf3
```
#6caaf3 rgb(108,170,243)
```
#7eb5f5
```
#7eb5f5 rgb(126,181,245)
```
#90bff6
```
#90bff6 rgb(144,191,246)
```
#a2caf8
```
#a2caf8 rgb(162,202,248)
```
#b4d4f9
```
#b4d4f9 rgb(180,212,249)
```
#c6dffb
```
#c6dffb rgb(198,223,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 #2d8af7 is the most saturated one.

#919293
```
#919293 rgb(145,146,147)
```
#89919b
```
#89919b rgb(137,145,155)
```
#8091a4
```
#8091a4 rgb(128,145,164)
```
#7890ac
```
#7890ac rgb(120,144,172)
```
#708fb4
```
#708fb4 rgb(112,143,180)
```
#678fbd
```
#678fbd rgb(103,143,189)
```
#5f8ec5
```
#5f8ec5 rgb(95,142,197)
```
#578ecd
```
#578ecd rgb(87,142,205)
```
#4e8dd6
```
#4e8dd6 rgb(78,141,214)
```
#468cde
```
#468cde rgb(70,140,222)
```
#3d8ce7
```
#3d8ce7 rgb(61,140,231)
```
#358bef
```
#358bef rgb(53,139,239)
```
#2d8af7
```
#2d8af7 rgb(45,138,247)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6f8094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#628dec Protanopia 1% of men
#3492ef Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#518ced Protanomaly 1% of men, 0.01% of women
#348fef Deuteranomaly 6% of men, 0.4% of women
#1397c2 Tritanomaly 0.01% of the population

#358bef hex color

#358bef Color Information

#358bef Color Conversion

Color Schemes with #358bef

Alternatives to #358bef

#358bef Preview

Shades and Tints of #358bef

Tones of #358bef

Color Blindness Simulator