#358ad8 hex color

In a RGB color space, hex #358ad8 is composed of 20.8% red, 54.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 36.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 208.7 degrees, a saturation of 67.6% and a lightness of 52.7%. #358ad8 color hex could be obtained by blending #6affff with #0015b1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 54
- B 85
RGB color chart
- C 75
- M 36
- Y 0
- K 15
CMYK color chart

● #358ad8 color description : Strong blue.

The hexadecimal color #358ad8 has RGB values of R:53, G:138, B:216 and CMYK values of C:0.75, M:0.36, Y:0, K:0.15. Its decimal value is 3508952.

Hex triplet	358ad8	`#358ad8`
RGB Decimal	53, 138, 216	`rgb(53,138,216)`
RGB Percent	20.8, 54.1, 84.7	`rgb(20.8%,54.1%,84.7%)`
CMYK	75, 36, 0, 15
HSL	208.7°, 67.6, 52.7	`hsl(208.7,67.6%,52.7%)`
HSV (or HSB)	208.7°, 75.5, 84.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.977, 1.098, -47.16
XYZ	22.948, 23.89, 68.364
xyY	0.199, 0.207, 23.89
CIE-LCH	55.977, 47.172, 271.333
CIE-LUV	55.977, -30.053, -73.986
Hunter-Lab	48.877, -1.727, -48.714
Binary	00110101, 10001010, 11011000

#358ad8
```
#358ad8 rgb(53,138,216)
```
#d88335
```
#d88335 rgb(216,131,53)
```

Complementary Color

#35d8d5
```
#35d8d5 rgb(53,216,213)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#3539d8
```
#3539d8 rgb(53,57,216)
```

Analogous Color

#d8d535
```
#d8d535 rgb(216,213,53)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#d83539
```
#d83539 rgb(216,53,57)
```

Split Complementary Color

#8ad835
```
#8ad835 rgb(138,216,53)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#d8358a
```
#d8358a rgb(216,53,138)
```

Triadic Color

#35d883
```
#35d883 rgb(53,216,131)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#d8358a
```
#d8358a rgb(216,53,138)
```
#d88335
```
#d88335 rgb(216,131,53)
```

Tetradic Color

#1f63a1
```
#1f63a1 rgb(31,99,161)
```
#2370b7
```
#2370b7 rgb(35,112,183)
```
#277dcc
```
#277dcc rgb(39,125,204)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#4a96dc
```
#4a96dc rgb(74,150,220)
```
#60a3e0
```
#60a3e0 rgb(96,163,224)
```
#75afe4
```
#75afe4 rgb(117,175,228)
```

Monochromatic Color

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

#35b3d8
```
#35b3d8 rgb(53,179,216)
```
#35a5d8
```
#35a5d8 rgb(53,165,216)
```
#3598d8
```
#3598d8 rgb(53,152,216)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#357cd8
```
#357cd8 rgb(53,124,216)
```
#356fd8
```
#356fd8 rgb(53,111,216)
```
#3561d8
```
#3561d8 rgb(53,97,216)
```

Similar Colors

Text with hexadecimal color #358ad8

This text has a font color of #358ad8.

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

#358ad8 background color

This paragraph has a background color of #358ad8.

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

#358ad8 border color

This element has a border color of #358ad8.

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

CSS codes

.text {color:#358ad8;}

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

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

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, #02070c is the darkest color, while #fafcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#05111c
```
#05111c rgb(5,17,28)
```
#091b2d
```
#091b2d rgb(9,27,45)
```
#0c253d
```
#0c253d rgb(12,37,61)
```
#0f304d
```
#0f304d rgb(15,48,77)
```
#123a5e
```
#123a5e rgb(18,58,94)
```
#15446e
```
#15446e rgb(21,68,110)
```
#184e7f
```
#184e7f rgb(24,78,127)
```
#1c588f
```
#1c588f rgb(28,88,143)
```
#1f62a0
```
#1f62a0 rgb(31,98,160)
```
#226cb0
```
#226cb0 rgb(34,108,176)
```
#2576c1
```
#2576c1 rgb(37,118,193)
```
#2880d1
```
#2880d1 rgb(40,128,209)
```

Shade Color Variation

#358ad8
```
#358ad8 rgb(53,138,216)
```
#4594db
```
#4594db rgb(69,148,219)
```
#569dde
```
#569dde rgb(86,157,222)
```
#66a7e2
```
#66a7e2 rgb(102,167,226)
```
#77b0e5
```
#77b0e5 rgb(119,176,229)
```
#87bae8
```
#87bae8 rgb(135,186,232)
```
#98c3eb
```
#98c3eb rgb(152,195,235)
```
#a8cdee
```
#a8cdee rgb(168,205,238)
```
#b9d6f1
```
#b9d6f1 rgb(185,214,241)
```
#c9e0f5
```
#c9e0f5 rgb(201,224,245)
```
#d9e9f8
```
#d9e9f8 rgb(217,233,248)
```
#eaf3fb
```
#eaf3fb rgb(234,243,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f878e is the less saturated color, while #108cfd is the most saturated one.

#7f878e
```
#7f878e rgb(127,135,142)
```
#768797
```
#768797 rgb(118,135,151)
```
#6d88a0
```
#6d88a0 rgb(109,136,160)
```
#6388aa
```
#6388aa rgb(99,136,170)
```
#5a88b3
```
#5a88b3 rgb(90,136,179)
```
#5189bc
```
#5189bc rgb(81,137,188)
```
#4889c5
```
#4889c5 rgb(72,137,197)
```
#3e8acf
```
#3e8acf rgb(62,138,207)
```
#358ad8
```
#358ad8 rgb(53,138,216)
```
#2c8ae1
```
#2c8ae1 rgb(44,138,225)
```
#228beb
```
#228beb rgb(34,139,235)
```
#198bf4
```
#198bf4 rgb(25,139,244)
```
#108cfd
```
#108cfd rgb(16,140,253)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b7c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d8ad5 Protanopia 1% of men
#568ddb Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#598ad6 Protanomaly 1% of men, 0.01% of women
#4a8bda Deuteranomaly 6% of men, 0.4% of women
#1394b7 Tritanomaly 0.01% of the population

#358ad8 hex color

#358ad8 Color Information

#358ad8 Color Conversion

Color Schemes with #358ad8

Alternatives to #358ad8

#358ad8 Preview

Shades and Tints of #358ad8

Tones of #358ad8

Color Blindness Simulator