#358edb hex color

In a RGB color space, hex #358edb is composed of 20.8% red, 55.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 35.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 207.8 degrees, a saturation of 69.7% and a lightness of 53.3%. #358edb color hex could be obtained by blending #6affff with #001db7. 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

● #358edb color description : Bright blue.

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

Hex triplet	358edb	`#358edb`
RGB Decimal	53, 142, 219	`rgb(53,142,219)`
RGB Percent	20.8, 55.7, 85.9	`rgb(20.8%,55.7%,85.9%)`
CMYK	76, 35, 0, 14
HSL	207.8°, 69.7, 53.3	`hsl(207.8,69.7%,53.3%)`
HSV (or HSB)	207.8°, 75.8, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.285, -0.185, -46.769
XYZ	23.924, 25.215, 70.62
xyY	0.2, 0.211, 25.215
CIE-LCH	57.285, 46.77, 269.773
CIE-LUV	57.285, -31.266, -73.531
Hunter-Lab	50.215, -2.832, -48.232
Binary	00110101, 10001110, 11011011

#358edb
```
#358edb rgb(53,142,219)
```
#db8235
```
#db8235 rgb(219,130,53)
```

Complementary Color

#35dbd5
```
#35dbd5 rgb(53,219,213)
```
#358edb
```
#358edb rgb(53,142,219)
```
#353bdb
```
#353bdb rgb(53,59,219)
```

Analogous Color

#dbd535
```
#dbd535 rgb(219,213,53)
```
#358edb
```
#358edb rgb(53,142,219)
```
#db353b
```
#db353b rgb(219,53,59)
```

Split Complementary Color

#8edb35
```
#8edb35 rgb(142,219,53)
```
#358edb
```
#358edb rgb(53,142,219)
```
#db358e
```
#db358e rgb(219,53,142)
```

Triadic Color

#35db82
```
#35db82 rgb(53,219,130)
```
#358edb
```
#358edb rgb(53,142,219)
```
#db358e
```
#db358e rgb(219,53,142)
```
#db8235
```
#db8235 rgb(219,130,53)
```

Tetradic Color

#1e67a6
```
#1e67a6 rgb(30,103,166)
```
#2174bc
```
#2174bc rgb(33,116,188)
```
#2581d1
```
#2581d1 rgb(37,129,209)
```
#358edb
```
#358edb rgb(53,142,219)
```
#4b9adf
```
#4b9adf rgb(75,154,223)
```
#60a6e3
```
#60a6e3 rgb(96,166,227)
```
#76b2e7
```
#76b2e7 rgb(118,178,231)
```

Monochromatic Color

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

#35b8db
```
#35b8db rgb(53,184,219)
```
#35aadb
```
#35aadb rgb(53,170,219)
```
#359cdb
```
#359cdb rgb(53,156,219)
```
#358edb
```
#358edb rgb(53,142,219)
```
#3580db
```
#3580db rgb(53,128,219)
```
#3572db
```
#3572db rgb(53,114,219)
```
#3565db
```
#3565db rgb(53,101,219)
```

Similar Colors

Text with hexadecimal color #358edb

This text has a font color of #358edb.

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

#358edb background color

This paragraph has a background color of #358edb.

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

#358edb border color

This element has a border color of #358edb.

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

CSS codes

.text {color:#358edb;}

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

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

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

#03090e
```
#03090e rgb(3,9,14)
```
#06131f
```
#06131f rgb(6,19,31)
```
#091e30
```
#091e30 rgb(9,30,48)
```
#0b2840
```
#0b2840 rgb(11,40,64)
```
#0e3251
```
#0e3251 rgb(14,50,81)
```
#113c62
```
#113c62 rgb(17,60,98)
```
#144772
```
#144772 rgb(20,71,114)
```
#175183
```
#175183 rgb(23,81,131)
```
#1a5b94
```
#1a5b94 rgb(26,91,148)
```
#1d66a4
```
#1d66a4 rgb(29,102,164)
```
#2070b5
```
#2070b5 rgb(32,112,181)
```
#237ac6
```
#237ac6 rgb(35,122,198)
```
#2685d6
```
#2685d6 rgb(38,133,214)
```

Shade Color Variation

#358edb
```
#358edb rgb(53,142,219)
```
#4697de
```
#4697de rgb(70,151,222)
```
#56a1e1
```
#56a1e1 rgb(86,161,225)
```
#67aae4
```
#67aae4 rgb(103,170,228)
```
#78b3e7
```
#78b3e7 rgb(120,179,231)
```
#88bdea
```
#88bdea rgb(136,189,234)
```
#99c6ed
```
#99c6ed rgb(153,198,237)
```
#aacff0
```
#aacff0 rgb(170,207,240)
```
#bad9f3
```
#bad9f3 rgb(186,217,243)
```
#cbe2f6
```
#cbe2f6 rgb(203,226,246)
```
#dbebf9
```
#dbebf9 rgb(219,235,249)
```
#ecf4fc
```
#ecf4fc rgb(236,244,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#878889
```
#878889 rgb(135,136,137)
```
#7e8992
```
#7e8992 rgb(126,137,146)
```
#75899b
```
#75899b rgb(117,137,155)
```
#6c8aa4
```
#6c8aa4 rgb(108,138,164)
```
#638bad
```
#638bad rgb(99,139,173)
```
#5a8bb6
```
#5a8bb6 rgb(90,139,182)
```
#508cc0
```
#508cc0 rgb(80,140,192)
```
#478dc9
```
#478dc9 rgb(71,141,201)
```
#3e8dd2
```
#3e8dd2 rgb(62,141,210)
```
#358edb
```
#358edb rgb(53,142,219)
```
#2c8fe4
```
#2c8fe4 rgb(44,143,228)
```
#238fed
```
#238fed rgb(35,143,237)
```
#1a90f6
```
#1a90f6 rgb(26,144,246)
```

Tone Color Variation

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

#718dd7 Protanopia 1% of men
#5b90de Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#5b8dd8 Protanomaly 1% of men, 0.01% of women
#4d8fdd Deuteranomaly 6% of men, 0.4% of women
#1397ba Tritanomaly 0.01% of the population

#358edb hex color

#358edb Color Information

#358edb Color Conversion

Color Schemes with #358edb

Alternatives to #358edb

#358edb Preview

Shades and Tints of #358edb

Tones of #358edb

Color Blindness Simulator