#358bfc hex color

In a RGB color space, hex #358bfc is composed of 20.8% red, 54.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 44.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 214.1 degrees, a saturation of 97.1% and a lightness of 59.8%. #358bfc color hex could be obtained by blending #6affff with #0017f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 55
- B 99
RGB color chart
- C 79
- M 45
- Y 0
- K 1
CMYK color chart

● #358bfc color description : Bright blue.

The hexadecimal color #358bfc has RGB values of R:53, G:139, B:252 and CMYK values of C:0.79, M:0.45, Y:0, K:0.01. Its decimal value is 3509244.

Hex triplet	358bfc	`#358bfc`
RGB Decimal	53, 139, 252	`rgb(53,139,252)`
RGB Percent	20.8, 54.5, 98.8	`rgb(20.8%,54.5%,98.8%)`
CMYK	79, 45, 0, 1
HSL	214.1°, 97.1, 59.8	`hsl(214.1,97.1%,59.8%)`
HSV (or HSB)	214.1°, 79, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.272, 13.612, -63.502
XYZ	28.268, 26.248, 95.667
xyY	0.188, 0.175, 26.248
CIE-LCH	58.272, 64.944, 282.098
CIE-LUV	58.272, -29.058, -102.373
Hunter-Lab	51.233, 8.829, -74.849
Binary	00110101, 10001011, 11111100

#358bfc
```
#358bfc rgb(53,139,252)
```
#fca635
```
#fca635 rgb(252,166,53)
```

Complementary Color

#35effc
```
#35effc rgb(53,239,252)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#4235fc
```
#4235fc rgb(66,53,252)
```

Analogous Color

#effc35
```
#effc35 rgb(239,252,53)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#fc4235
```
#fc4235 rgb(252,66,53)
```

Split Complementary Color

#8bfc35
```
#8bfc35 rgb(139,252,53)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#fc358b
```
#fc358b rgb(252,53,139)
```

Triadic Color

#35fca6
```
#35fca6 rgb(53,252,166)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#fc358b
```
#fc358b rgb(252,53,139)
```
#fca635
```
#fca635 rgb(252,166,53)
```

Tetradic Color

#0363e1
```
#0363e1 rgb(3,99,225)
```
#046efa
```
#046efa rgb(4,110,250)
```
#1c7dfc
```
#1c7dfc rgb(28,125,252)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#4e99fc
```
#4e99fc rgb(78,153,252)
```
#67a8fd
```
#67a8fd rgb(103,168,253)
```
#80b6fd
```
#80b6fd rgb(128,182,253)
```

Monochromatic Color

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

#35bdfc
```
#35bdfc rgb(53,189,252)
```
#35acfc
```
#35acfc rgb(53,172,252)
```
#359cfc
```
#359cfc rgb(53,156,252)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#357afc
```
#357afc rgb(53,122,252)
```
#356afc
```
#356afc rgb(53,106,252)
```
#3559fc
```
#3559fc rgb(53,89,252)
```

Similar Colors

Text with hexadecimal color #358bfc

This text has a font color of #358bfc.

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

#358bfc background color

This paragraph has a background color of #358bfc.

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

#358bfc border color

This element has a border color of #358bfc.

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

CSS codes

.text {color:#358bfc;}

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

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

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, #00050b is the darkest color, while #f6faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000d1e
```
#000d1e rgb(0,13,30)
```
#011631
```
#011631 rgb(1,22,49)
```
#011e45
```
#011e45 rgb(1,30,69)
```
#012758
```
#012758 rgb(1,39,88)
```
#022f6b
```
#022f6b rgb(2,47,107)
```
#02387f
```
#02387f rgb(2,56,127)
```
#024092
```
#024092 rgb(2,64,146)
```
#0249a5
```
#0249a5 rgb(2,73,165)
```
#0351b9
```
#0351b9 rgb(3,81,185)
```
#035acc
```
#035acc rgb(3,90,204)
```
#0362df
```
#0362df rgb(3,98,223)
```
#046bf3
```
#046bf3 rgb(4,107,243)
```

Shade Color Variation

#0e75fb
```
#0e75fb rgb(14,117,251)
```
#2280fc
```
#2280fc rgb(34,128,252)
```
#358bfc
```
#358bfc rgb(53,139,252)
```
#4896fc
```
#4896fc rgb(72,150,252)
```
#5ca1fd
```
#5ca1fd rgb(92,161,253)
```
#6facfd
```
#6facfd rgb(111,172,253)
```
#82b7fd
```
#82b7fd rgb(130,183,253)
```
#96c2fd
```
#96c2fd rgb(150,194,253)
```
#a9cefe
```
#a9cefe rgb(169,206,254)
```
#bcd9fe
```
#bcd9fe rgb(188,217,254)
```
#d0e4fe
```
#d0e4fe rgb(208,228,254)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94989d is the less saturated color, while #358bfc is the most saturated one.

#94989d
```
#94989d rgb(148,152,157)
```
#8c97a5
```
#8c97a5 rgb(140,151,165)
```
#8496ad
```
#8496ad rgb(132,150,173)
```
#7c95b5
```
#7c95b5 rgb(124,149,181)
```
#7494bd
```
#7494bd rgb(116,148,189)
```
#6c92c5
```
#6c92c5 rgb(108,146,197)
```
#6491cd
```
#6491cd rgb(100,145,205)
```
#5c90d5
```
#5c90d5 rgb(92,144,213)
```
#558fdc
```
#558fdc rgb(85,143,220)
```
#4d8ee4
```
#4d8ee4 rgb(77,142,228)
```
#458dec
```
#458dec rgb(69,141,236)
```
#3d8cf4
```
#3d8cf4 rgb(61,140,244)
```
#358bfc
```
#358bfc rgb(53,139,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6f8197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#588ef9 Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#4b8dfa Protanomaly 1% of men, 0.01% of women
#1391f8 Deuteranomaly 6% of men, 0.4% of women
#1398c8 Tritanomaly 0.01% of the population

#358bfc hex color

#358bfc Color Information

#358bfc Color Conversion

Color Schemes with #358bfc

Alternatives to #358bfc

#358bfc Preview

Shades and Tints of #358bfc

Tones of #358bfc

Color Blindness Simulator