#358bcf hex color

In a RGB color space, hex #358bcf is composed of 20.8% red, 54.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 32.9% magenta, 0% yellow and 18.8% black. It has a hue angle of 206.5 degrees, a saturation of 61.6% and a lightness of 51%. #358bcf color hex could be obtained by blending #6affff with #00179f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 55
- B 81
RGB color chart
- C 74
- M 33
- Y 0
- K 19
CMYK color chart

● #358bcf color description : Moderate blue.

The hexadecimal color #358bcf has RGB values of R:53, G:139, B:207 and CMYK values of C:0.74, M:0.33, Y:0, K:0.19. Its decimal value is 3509199.

Hex triplet	358bcf	`#358bcf`
RGB Decimal	53, 139, 207	`rgb(53,139,207)`
RGB Percent	20.8, 54.5, 81.2	`rgb(20.8%,54.5%,81.2%)`
CMYK	74, 33, 0, 19
HSL	206.5°, 61.6, 51	`hsl(206.5,61.6%,51%)`
HSV (or HSB)	206.5°, 74.4, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.812, -2.722, -42.357
XYZ	21.961, 23.725, 62.45
xyY	0.203, 0.219, 23.725
CIE-LCH	55.812, 42.445, 266.324
CIE-LUV	55.812, -30.777, -65.69
Hunter-Lab	48.709, -4.762, -41.921
Binary	00110101, 10001011, 11001111

#358bcf
```
#358bcf rgb(53,139,207)
```
#cf7935
```
#cf7935 rgb(207,121,53)
```

Complementary Color

#35cfc6
```
#35cfc6 rgb(53,207,198)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#353ecf
```
#353ecf rgb(53,62,207)
```

Analogous Color

#cfc635
```
#cfc635 rgb(207,198,53)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#cf353e
```
#cf353e rgb(207,53,62)
```

Split Complementary Color

#8bcf35
```
#8bcf35 rgb(139,207,53)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#cf358b
```
#cf358b rgb(207,53,139)
```

Triadic Color

#35cf79
```
#35cf79 rgb(53,207,121)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#cf358b
```
#cf358b rgb(207,53,139)
```
#cf7935
```
#cf7935 rgb(207,121,53)
```

Tetradic Color

#236294
```
#236294 rgb(35,98,148)
```
#2870a9
```
#2870a9 rgb(40,112,169)
```
#2d7ebd
```
#2d7ebd rgb(45,126,189)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#4a97d4
```
#4a97d4 rgb(74,151,212)
```
#5ea3d9
```
#5ea3d9 rgb(94,163,217)
```
#73aede
```
#73aede rgb(115,174,222)
```

Monochromatic Color

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

#35b2cf
```
#35b2cf rgb(53,178,207)
```
#35a5cf
```
#35a5cf rgb(53,165,207)
```
#3598cf
```
#3598cf rgb(53,152,207)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#357ecf
```
#357ecf rgb(53,126,207)
```
#3571cf
```
#3571cf rgb(53,113,207)
```
#3565cf
```
#3565cf rgb(53,101,207)
```

Similar Colors

Text with hexadecimal color #358bcf

This text has a font color of #358bcf.

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

#358bcf background color

This paragraph has a background color of #358bcf.

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

#358bcf border color

This element has a border color of #358bcf.

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

CSS codes

.text {color:#358bcf;}

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

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

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, #010304 is the darkest color, while #f3f8fc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#050d14
```
#050d14 rgb(5,13,20)
```
#081824
```
#081824 rgb(8,24,36)
```
#0c2234
```
#0c2234 rgb(12,34,52)
```
#102d43
```
#102d43 rgb(16,45,67)
```
#143753
```
#143753 rgb(20,55,83)
```
#184263
```
#184263 rgb(24,66,99)
```
#1b4c73
```
#1b4c73 rgb(27,76,115)
```
#1f5783
```
#1f5783 rgb(31,87,131)
```
#236193
```
#236193 rgb(35,97,147)
```
#276ca3
```
#276ca3 rgb(39,108,163)
```
#2a76b2
```
#2a76b2 rgb(42,118,178)
```
#2e81c2
```
#2e81c2 rgb(46,129,194)
```

Shade Color Variation

#358bcf
```
#358bcf rgb(53,139,207)
```
#4594d3
```
#4594d3 rgb(69,148,211)
```
#559dd7
```
#559dd7 rgb(85,157,215)
```
#65a6da
```
#65a6da rgb(101,166,218)
```
#74afde
```
#74afde rgb(116,175,222)
```
#84b9e2
```
#84b9e2 rgb(132,185,226)
```
#94c2e6
```
#94c2e6 rgb(148,194,230)
```
#a4cbe9
```
#a4cbe9 rgb(164,203,233)
```
#b4d4ed
```
#b4d4ed rgb(180,212,237)
```
#c4ddf1
```
#c4ddf1 rgb(196,221,241)
```
#d3e6f5
```
#d3e6f5 rgb(211,230,245)
```
#e3eff8
```
#e3eff8 rgb(227,239,248)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

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

#828282
```
#828282 rgb(130,130,130)
```
#78838c
```
#78838c rgb(120,131,140)
```
#6f8495
```
#6f8495 rgb(111,132,149)
```
#65859f
```
#65859f rgb(101,133,159)
```
#5b87a9
```
#5b87a9 rgb(91,135,169)
```
#5288b2
```
#5288b2 rgb(82,136,178)
```
#4889bc
```
#4889bc rgb(72,137,188)
```
#3f8ac5
```
#3f8ac5 rgb(63,138,197)
```
#358bcf
```
#358bcf rgb(53,139,207)
```
#2b8cd9
```
#2b8cd9 rgb(43,140,217)
```
#228de2
```
#228de2 rgb(34,141,226)
```
#188eec
```
#188eec rgb(24,142,236)
```
#0f8ff5
```
#0f8ff5 rgb(15,143,245)
```

Tone Color Variation

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

Dichromacy

#7389cc Protanopia 1% of men
#618cd3 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#5c8acd Protanomaly 1% of men, 0.01% of women
#518bd1 Deuteranomaly 6% of men, 0.4% of women
#1394b3 Tritanomaly 0.01% of the population

#358bcf hex color

#358bcf Color Information

#358bcf Color Conversion

Color Schemes with #358bcf

Alternatives to #358bcf

#358bcf Preview

Shades and Tints of #358bcf

Tones of #358bcf

Color Blindness Simulator