#358edc hex color

In a RGB color space, hex #358edc is composed of 20.8% red, 55.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 35.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 208 degrees, a saturation of 70.5% and a lightness of 53.5%. #358edc color hex could be obtained by blending #6affff with #001db9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 56
- B 86
RGB color chart
- C 76
- M 35
- Y 0
- K 14
CMYK color chart

● #358edc color description : Bright blue.

The hexadecimal color #358edc has RGB values of R:53, G:142, B:220 and CMYK values of C:0.76, M:0.35, Y:0, K:0.14. Its decimal value is 3509980.

Hex triplet	358edc	`#358edc`
RGB Decimal	53, 142, 220	`rgb(53,142,220)`
RGB Percent	20.8, 55.7, 86.3	`rgb(20.8%,55.7%,86.3%)`
CMYK	76, 35, 0, 14
HSL	208°, 70.5, 53.5	`hsl(208,70.5%,53.5%)`
HSV (or HSB)	208°, 75.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.336, 0.174, -47.248
XYZ	24.056, 25.268, 71.316
xyY	0.199, 0.209, 25.268
CIE-LCH	57.336, 47.248, 270.211
CIE-LUV	57.336, -31.223, -74.367
Hunter-Lab	50.268, -2.544, -48.929
Binary	00110101, 10001110, 11011100

#358edc
```
#358edc rgb(53,142,220)
```
#dc8335
```
#dc8335 rgb(220,131,53)
```

Complementary Color

#35dcd7
```
#35dcd7 rgb(53,220,215)
```
#358edc
```
#358edc rgb(53,142,220)
```
#353bdc
```
#353bdc rgb(53,59,220)
```

Analogous Color

#dcd735
```
#dcd735 rgb(220,215,53)
```
#358edc
```
#358edc rgb(53,142,220)
```
#dc353b
```
#dc353b rgb(220,53,59)
```

Split Complementary Color

#8edc35
```
#8edc35 rgb(142,220,53)
```
#358edc
```
#358edc rgb(53,142,220)
```
#dc358e
```
#dc358e rgb(220,53,142)
```

Triadic Color

#35dc83
```
#35dc83 rgb(53,220,131)
```
#358edc
```
#358edc rgb(53,142,220)
```
#dc358e
```
#dc358e rgb(220,53,142)
```
#dc8335
```
#dc8335 rgb(220,131,53)
```

Tetradic Color

#1d67a7
```
#1d67a7 rgb(29,103,167)
```
#2174bd
```
#2174bd rgb(33,116,189)
```
#2581d3
```
#2581d3 rgb(37,129,211)
```
#358edc
```
#358edc rgb(53,142,220)
```
#4b9ae0
```
#4b9ae0 rgb(75,154,224)
```
#60a6e4
```
#60a6e4 rgb(96,166,228)
```
#76b2e7
```
#76b2e7 rgb(118,178,231)
```

Monochromatic Color

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

#35b8dc
```
#35b8dc rgb(53,184,220)
```
#35aadc
```
#35aadc rgb(53,170,220)
```
#359cdc
```
#359cdc rgb(53,156,220)
```
#358edc
```
#358edc rgb(53,142,220)
```
#3580dc
```
#3580dc rgb(53,128,220)
```
#3572dc
```
#3572dc rgb(53,114,220)
```
#3564dc
```
#3564dc rgb(53,100,220)
```

Similar Colors

Text with hexadecimal color #358edc

This text has a font color of #358edc.

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

#358edc background color

This paragraph has a background color of #358edc.

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

#358edc border color

This element has a border color of #358edc.

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

CSS codes

.text {color:#358edc;}

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

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

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, #03090f is the darkest color, while #fefeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#061420
```
#061420 rgb(6,20,32)
```
#081e31
```
#081e31 rgb(8,30,49)
```
#0b2841
```
#0b2841 rgb(11,40,65)
```
#0e3252
```
#0e3252 rgb(14,50,82)
```
#113d63
```
#113d63 rgb(17,61,99)
```
#144774
```
#144774 rgb(20,71,116)
```
#175184
```
#175184 rgb(23,81,132)
```
#1a5c95
```
#1a5c95 rgb(26,92,149)
```
#1d66a6
```
#1d66a6 rgb(29,102,166)
```
#2070b7
```
#2070b7 rgb(32,112,183)
```
#237ac7
```
#237ac7 rgb(35,122,199)
```
#2585d8
```
#2585d8 rgb(37,133,216)
```

Shade Color Variation

#358edc
```
#358edc rgb(53,142,220)
```
#4697df
```
#4697df rgb(70,151,223)
```
#56a1e2
```
#56a1e2 rgb(86,161,226)
```
#67aae5
```
#67aae5 rgb(103,170,229)
```
#78b3e8
```
#78b3e8 rgb(120,179,232)
```
#89bdea
```
#89bdea rgb(137,189,234)
```
#99c6ed
```
#99c6ed rgb(153,198,237)
```
#aacff0
```
#aacff0 rgb(170,207,240)
```
#bbd9f3
```
#bbd9f3 rgb(187,217,243)
```
#cbe2f6
```
#cbe2f6 rgb(203,226,246)
```
#dcecf9
```
#dcecf9 rgb(220,236,249)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#87898a
```
#87898a rgb(135,137,138)
```
#7e8993
```
#7e8993 rgb(126,137,147)
```
#758a9c
```
#758a9c rgb(117,138,156)
```
#6c8aa5
```
#6c8aa5 rgb(108,138,165)
```
#638bae
```
#638bae rgb(99,139,174)
```
#598cb8
```
#598cb8 rgb(89,140,184)
```
#508cc1
```
#508cc1 rgb(80,140,193)
```
#478dca
```
#478dca rgb(71,141,202)
```
#3e8dd3
```
#3e8dd3 rgb(62,141,211)
```
#358edc
```
#358edc rgb(53,142,220)
```
#2c8fe5
```
#2c8fe5 rgb(44,143,229)
```
#238fee
```
#238fee rgb(35,143,238)
```
#1a90f7
```
#1a90f7 rgb(26,144,247)
```

Tone Color Variation

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

Dichromacy

#718dd8 Protanopia 1% of men
#5a90df Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#5b8dd9 Protanomaly 1% of men, 0.01% of women
#4c8fde Deuteranomaly 6% of men, 0.4% of women
#1398bb Tritanomaly 0.01% of the population

#358edc hex color

#358edc Color Information

#358edc Color Conversion

Color Schemes with #358edc

Alternatives to #358edc

#358edc Preview

Shades and Tints of #358edc

Tones of #358edc

Color Blindness Simulator