#358aed hex color

In a RGB color space, hex #358aed is composed of 20.8% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 212.3 degrees, a saturation of 83.6% and a lightness of 56.9%. #358aed color hex could be obtained by blending #6affff with #0015db. 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

● #358aed color description : Bright blue.

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

Hex triplet	358aed	`#358aed`
RGB Decimal	53, 138, 237	`rgb(53,138,237)`
RGB Percent	20.8, 54.1, 92.9	`rgb(20.8%,54.1%,92.9%)`
CMYK	78, 42, 0, 7
HSL	212.3°, 83.6, 56.9	`hsl(212.3,83.6%,56.9%)`
HSV (or HSB)	212.3°, 77.6, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.12, 8.731, -57.06
XYZ	25.839, 25.046, 83.589
xyY	0.192, 0.186, 25.046
CIE-LCH	57.12, 57.724, 278.699
CIE-LUV	57.12, -29.249, -91.161
Hunter-Lab	50.046, 4.58, -63.996
Binary	00110101, 10001010, 11101101

#358aed
```
#358aed rgb(53,138,237)
```
#ed9835
```
#ed9835 rgb(237,152,53)
```

Complementary Color

#35e6ed
```
#35e6ed rgb(53,230,237)
```
#358aed
```
#358aed rgb(53,138,237)
```
#3c35ed
```
#3c35ed rgb(60,53,237)
```

Analogous Color

#e6ed35
```
#e6ed35 rgb(230,237,53)
```
#358aed
```
#358aed rgb(53,138,237)
```
#ed3c35
```
#ed3c35 rgb(237,60,53)
```

Split Complementary Color

#8aed35
```
#8aed35 rgb(138,237,53)
```
#358aed
```
#358aed rgb(53,138,237)
```
#ed358a
```
#ed358a rgb(237,53,138)
```

Triadic Color

#35ed98
```
#35ed98 rgb(53,237,152)
```
#358aed
```
#358aed rgb(53,138,237)
```
#ed358a
```
#ed358a rgb(237,53,138)
```
#ed9835
```
#ed9835 rgb(237,152,53)
```

Tetradic Color

#1164c4
```
#1164c4 rgb(17,100,196)
```
#1470db
```
#1470db rgb(20,112,219)
```
#1e7ceb
```
#1e7ceb rgb(30,124,235)
```
#358aed
```
#358aed rgb(53,138,237)
```
#4c98ef
```
#4c98ef rgb(76,152,239)
```
#64a5f1
```
#64a5f1 rgb(100,165,241)
```
#7bb3f3
```
#7bb3f3 rgb(123,179,243)
```

Monochromatic Color

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

#35b8ed
```
#35b8ed rgb(53,184,237)
```
#35a9ed
```
#35a9ed rgb(53,169,237)
```
#3599ed
```
#3599ed rgb(53,153,237)
```
#358aed
```
#358aed rgb(53,138,237)
```
#357bed
```
#357bed rgb(53,123,237)
```
#356bed
```
#356bed rgb(53,107,237)
```
#355ced
```
#355ced rgb(53,92,237)
```

Similar Colors

Text with hexadecimal color #358aed

This text has a font color of #358aed.

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

#358aed background color

This paragraph has a background color of #358aed.

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

#358aed border color

This element has a border color of #358aed.

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

CSS codes

.text {color:#358aed;}

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

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

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

#01070e
```
#01070e rgb(1,7,14)
```
#031020
```
#031020 rgb(3,16,32)
```
#041a32
```
#041a32 rgb(4,26,50)
```
#062344
```
#062344 rgb(6,35,68)
```
#082c56
```
#082c56 rgb(8,44,86)
```
#093568
```
#093568 rgb(9,53,104)
```
#0b3e7a
```
#0b3e7a rgb(11,62,122)
```
#0c478c
```
#0c478c rgb(12,71,140)
```
#0e519e
```
#0e519e rgb(14,81,158)
```
#105ab0
```
#105ab0 rgb(16,90,176)
```
#1163c2
```
#1163c2 rgb(17,99,194)
```
#136cd4
```
#136cd4 rgb(19,108,212)
```
#1575e6
```
#1575e6 rgb(21,117,230)
```

Shade Color Variation

#2380eb
```
#2380eb rgb(35,128,235)
```
#358aed
```
#358aed rgb(53,138,237)
```
#4794ef
```
#4794ef rgb(71,148,239)
```
#599ff0
```
#599ff0 rgb(89,159,240)
```
#6ba9f2
```
#6ba9f2 rgb(107,169,242)
```
#7db4f3
```
#7db4f3 rgb(125,180,243)
```
#8fbef5
```
#8fbef5 rgb(143,190,245)
```
#a1c9f7
```
#a1c9f7 rgb(161,201,247)
```
#b3d3f8
```
#b3d3f8 rgb(179,211,248)
```
#c5ddfa
```
#c5ddfa rgb(197,221,250)
```
#d7e8fb
```
#d7e8fb rgb(215,232,251)
```
#e9f2fd
```
#e9f2fd rgb(233,242,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8a9098
```
#8a9098 rgb(138,144,152)
```
#8190a1
```
#8190a1 rgb(129,144,161)
```
#798fa9
```
#798fa9 rgb(121,143,169)
```
#708fb2
```
#708fb2 rgb(112,143,178)
```
#688eba
```
#688eba rgb(104,142,186)
```
#5f8dc3
```
#5f8dc3 rgb(95,141,195)
```
#578dcb
```
#578dcb rgb(87,141,203)
```
#4e8cd4
```
#4e8cd4 rgb(78,140,212)
```
#468bdc
```
#468bdc rgb(70,139,220)
```
#3d8be5
```
#3d8be5 rgb(61,139,229)
```
#358aed
```
#358aed rgb(53,138,237)
```
#2d89f5
```
#2d89f5 rgb(45,137,245)
```
#2489fe
```
#2489fe rgb(36,137,254)
```

Tone Color Variation

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

#618cea Protanopia 1% of men
#3591ed Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#518beb Protanomaly 1% of men, 0.01% of women
#358eed Deuteranomaly 6% of men, 0.4% of women
#1396c0 Tritanomaly 0.01% of the population

#358aed hex color

#358aed Color Information

#358aed Color Conversion

Color Schemes with #358aed

Alternatives to #358aed

#358aed Preview

Shades and Tints of #358aed

Tones of #358aed

Color Blindness Simulator