#358efa hex color

In a RGB color space, hex #358efa is composed of 20.8% red, 55.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 43.2% magenta, 0% yellow and 2% black. It has a hue angle of 212.9 degrees, a saturation of 95.2% and a lightness of 59.4%. #358efa color hex could be obtained by blending #6affff with #001df5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 56
- B 98
RGB color chart
- C 79
- M 43
- Y 0
- K 2
CMYK color chart

● #358efa color description : Bright blue.

The hexadecimal color #358efa has RGB values of R:53, G:142, B:250 and CMYK values of C:0.79, M:0.43, Y:0, K:0.02. Its decimal value is 3510010.

Hex triplet	358efa	`#358efa`
RGB Decimal	53, 142, 250	`rgb(53,142,250)`
RGB Percent	20.8, 55.7, 98	`rgb(20.8%,55.7%,98%)`
CMYK	79, 43, 0, 2
HSL	212.9°, 95.2, 59.4	`hsl(212.9,95.2%,59.4%)`
HSV (or HSB)	212.9°, 78.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.977, 11.064, -61.27
XYZ	28.393, 27.003, 94.153
xyY	0.19, 0.181, 27.003
CIE-LCH	58.977, 62.261, 280.236
CIE-LUV	58.977, -30.053, -98.801
Hunter-Lab	51.964, 6.593, -71.052
Binary	00110101, 10001110, 11111010

#358efa
```
#358efa rgb(53,142,250)
```
#faa135
```
#faa135 rgb(250,161,53)
```

Complementary Color

#35f1fa
```
#35f1fa rgb(53,241,250)
```
#358efa
```
#358efa rgb(53,142,250)
```
#3e35fa
```
#3e35fa rgb(62,53,250)
```

Analogous Color

#f1fa35
```
#f1fa35 rgb(241,250,53)
```
#358efa
```
#358efa rgb(53,142,250)
```
#fa3e35
```
#fa3e35 rgb(250,62,53)
```

Split Complementary Color

#8efa35
```
#8efa35 rgb(142,250,53)
```
#358efa
```
#358efa rgb(53,142,250)
```
#fa358e
```
#fa358e rgb(250,53,142)
```

Triadic Color

#35faa1
```
#35faa1 rgb(53,250,161)
```
#358efa
```
#358efa rgb(53,142,250)
```
#fa358e
```
#fa358e rgb(250,53,142)
```
#faa135
```
#faa135 rgb(250,161,53)
```

Tetradic Color

#0567dd
```
#0567dd rgb(5,103,221)
```
#0672f6
```
#0672f6 rgb(6,114,246)
```
#1c80f9
```
#1c80f9 rgb(28,128,249)
```
#358efa
```
#358efa rgb(53,142,250)
```
#4e9cfb
```
#4e9cfb rgb(78,156,251)
```
#67aafb
```
#67aafb rgb(103,170,251)
```
#80b8fc
```
#80b8fc rgb(128,184,252)
```

Monochromatic Color

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

#35bffa
```
#35bffa rgb(53,191,250)
```
#35affa
```
#35affa rgb(53,175,250)
```
#359efa
```
#359efa rgb(53,158,250)
```
#358efa
```
#358efa rgb(53,142,250)
```
#357efa
```
#357efa rgb(53,126,250)
```
#356dfa
```
#356dfa rgb(53,109,250)
```
#355dfa
```
#355dfa rgb(53,93,250)
```

Similar Colors

Text with hexadecimal color #358efa

This text has a font color of #358efa.

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

#358efa background color

This paragraph has a background color of #358efa.

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

#358efa border color

This element has a border color of #358efa.

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

CSS codes

.text {color:#358efa;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010d1c
```
#010d1c rgb(1,13,28)
```
#01162f
```
#01162f rgb(1,22,47)
```
#021f42
```
#021f42 rgb(2,31,66)
```
#022855
```
#022855 rgb(2,40,85)
```
#033168
```
#033168 rgb(3,49,104)
```
#03397b
```
#03397b rgb(3,57,123)
```
#04428f
```
#04428f rgb(4,66,143)
```
#044ba2
```
#044ba2 rgb(4,75,162)
```
#0454b5
```
#0454b5 rgb(4,84,181)
```
#055dc8
```
#055dc8 rgb(5,93,200)
```
#0566db
```
#0566db rgb(5,102,219)
```
#066fee
```
#066fee rgb(6,111,238)
```

Shade Color Variation

#0f79f9
```
#0f79f9 rgb(15,121,249)
```
#2283fa
```
#2283fa rgb(34,131,250)
```
#358efa
```
#358efa rgb(53,142,250)
```
#4899fa
```
#4899fa rgb(72,153,250)
```
#5ba3fb
```
#5ba3fb rgb(91,163,251)
```
#6eaefb
```
#6eaefb rgb(110,174,251)
```
#82b9fc
```
#82b9fc rgb(130,185,252)
```
#95c4fc
```
#95c4fc rgb(149,196,252)
```
#a8cefd
```
#a8cefd rgb(168,206,253)
```
#bbd9fd
```
#bbd9fd rgb(187,217,253)
```
#cee4fe
```
#cee4fe rgb(206,228,254)
```
#e1eefe
```
#e1eefe rgb(225,238,254)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#95979a
```
#95979a rgb(149,151,154)
```
#8d96a2
```
#8d96a2 rgb(141,150,162)
```
#8596aa
```
#8596aa rgb(133,150,170)
```
#7d95b2
```
#7d95b2 rgb(125,149,178)
```
#7594ba
```
#7594ba rgb(117,148,186)
```
#6d93c2
```
#6d93c2 rgb(109,147,194)
```
#6593ca
```
#6593ca rgb(101,147,202)
```
#5d92d2
```
#5d92d2 rgb(93,146,210)
```
#5591da
```
#5591da rgb(85,145,218)
```
#4d90e2
```
#4d90e2 rgb(77,144,226)
```
#4590ea
```
#4590ea rgb(69,144,234)
```
#3d8ff2
```
#3d8ff2 rgb(61,143,242)
```
#358efa
```
#358efa rgb(53,142,250)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#718398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f90f7 Protanopia 1% of men
#1f96f9 Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#508ff8 Protanomaly 1% of men, 0.01% of women
#2793f9 Deuteranomaly 6% of men, 0.4% of women
#139ac8 Tritanomaly 0.01% of the population

#358efa hex color

#358efa Color Information

#358efa Color Conversion

Color Schemes with #358efa

Alternatives to #358efa

#358efa Preview

Shades and Tints of #358efa

Tones of #358efa

Color Blindness Simulator