#358dec hex color

In a RGB color space, hex #358dec is composed of 20.8% red, 55.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 40.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 211.1 degrees, a saturation of 82.8% and a lightness of 56.7%. #358dec color hex could be obtained by blending #6affff with #001bd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 55
- B 93
RGB color chart
- C 78
- M 40
- Y 0
- K 7
CMYK color chart

● #358dec color description : Bright blue.

The hexadecimal color #358dec has RGB values of R:53, G:141, B:236 and CMYK values of C:0.78, M:0.4, Y:0, K:0.07. Its decimal value is 3509740.

Hex triplet	358dec	`#358dec`
RGB Decimal	53, 141, 236	`rgb(53,141,236)`
RGB Percent	20.8, 55.3, 92.5	`rgb(20.8%,55.3%,92.5%)`
CMYK	78, 40, 0, 7
HSL	211.1°, 82.8, 56.7	`hsl(211.1,82.8%,56.7%)`
HSV (or HSB)	211.1°, 77.5, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.905, 6.561, -55.253
XYZ	26.13, 25.861, 82.967
xyY	0.194, 0.192, 25.861
CIE-LCH	57.905, 55.641, 276.771
CIE-LUV	57.905, -30.245, -88.265
Hunter-Lab	50.853, 2.725, -61.134
Binary	00110101, 10001101, 11101100

#358dec
```
#358dec rgb(53,141,236)
```
#ec9435
```
#ec9435 rgb(236,148,53)
```

Complementary Color

#35e9ec
```
#35e9ec rgb(53,233,236)
```
#358dec
```
#358dec rgb(53,141,236)
```
#3835ec
```
#3835ec rgb(56,53,236)
```

Analogous Color

#e9ec35
```
#e9ec35 rgb(233,236,53)
```
#358dec
```
#358dec rgb(53,141,236)
```
#ec3835
```
#ec3835 rgb(236,56,53)
```

Split Complementary Color

#8dec35
```
#8dec35 rgb(141,236,53)
```
#358dec
```
#358dec rgb(53,141,236)
```
#ec358d
```
#ec358d rgb(236,53,141)
```

Triadic Color

#35ec94
```
#35ec94 rgb(53,236,148)
```
#358dec
```
#358dec rgb(53,141,236)
```
#ec358d
```
#ec358d rgb(236,53,141)
```
#ec9435
```
#ec9435 rgb(236,148,53)
```

Tetradic Color

#1267c2
```
#1267c2 rgb(18,103,194)
```
#1473da
```
#1473da rgb(20,115,218)
```
#1e80ea
```
#1e80ea rgb(30,128,234)
```
#358dec
```
#358dec rgb(53,141,236)
```
#4c9aee
```
#4c9aee rgb(76,154,238)
```
#64a7f0
```
#64a7f0 rgb(100,167,240)
```
#7bb4f3
```
#7bb4f3 rgb(123,180,243)
```

Monochromatic Color

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

#35bbec
```
#35bbec rgb(53,187,236)
```
#35acec
```
#35acec rgb(53,172,236)
```
#359cec
```
#359cec rgb(53,156,236)
```
#358dec
```
#358dec rgb(53,141,236)
```
#357eec
```
#357eec rgb(53,126,236)
```
#356fec
```
#356fec rgb(53,111,236)
```
#355fec
```
#355fec rgb(53,95,236)
```

Similar Colors

Text with hexadecimal color #358dec

This text has a font color of #358dec.

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

#358dec background color

This paragraph has a background color of #358dec.

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

#358dec border color

This element has a border color of #358dec.

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

CSS codes

.text {color:#358dec;}

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

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

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

#01070d
```
#01070d rgb(1,7,13)
```
#03101f
```
#03101f rgb(3,16,31)
```
#051a31
```
#051a31 rgb(5,26,49)
```
#062343
```
#062343 rgb(6,35,67)
```
#082d55
```
#082d55 rgb(8,45,85)
```
#0a3667
```
#0a3667 rgb(10,54,103)
```
#0b4079
```
#0b4079 rgb(11,64,121)
```
#0d498b
```
#0d498b rgb(13,73,139)
```
#0f539d
```
#0f539d rgb(15,83,157)
```
#105caf
```
#105caf rgb(16,92,175)
```
#1266c0
```
#1266c0 rgb(18,102,192)
```
#146fd2
```
#146fd2 rgb(20,111,210)
```
#1579e4
```
#1579e4 rgb(21,121,228)
```

Shade Color Variation

#2383ea
```
#2383ea rgb(35,131,234)
```
#358dec
```
#358dec rgb(53,141,236)
```
#4797ee
```
#4797ee rgb(71,151,238)
```
#59a1ef
```
#59a1ef rgb(89,161,239)
```
#6babf1
```
#6babf1 rgb(107,171,241)
```
#7db5f3
```
#7db5f3 rgb(125,181,243)
```
#8fc0f4
```
#8fc0f4 rgb(143,192,244)
```
#a1caf6
```
#a1caf6 rgb(161,202,246)
```
#b3d4f8
```
#b3d4f8 rgb(179,212,248)
```
#c4def9
```
#c4def9 rgb(196,222,249)
```
#d6e8fb
```
#d6e8fb rgb(214,232,251)
```
#e8f2fd
```
#e8f2fd rgb(232,242,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#8a9097
```
#8a9097 rgb(138,144,151)
```
#8290a0
```
#8290a0 rgb(130,144,160)
```
#7990a8
```
#7990a8 rgb(121,144,168)
```
#718fb1
```
#718fb1 rgb(113,143,177)
```
#688fb9
```
#688fb9 rgb(104,143,185)
```
#608fc2
```
#608fc2 rgb(96,143,194)
```
#578eca
```
#578eca rgb(87,142,202)
```
#4f8ed3
```
#4f8ed3 rgb(79,142,211)
```
#468edb
```
#468edb rgb(70,142,219)
```
#3e8de4
```
#3e8de4 rgb(62,141,228)
```
#358dec
```
#358dec rgb(53,141,236)
```
#2d8df5
```
#2d8df5 rgb(45,141,245)
```
#248cfd
```
#248cfd rgb(36,140,253)
```

Tone Color Variation

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

Dichromacy

#678ee9 Protanopia 1% of men
#4192ed Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#558dea Protanomaly 1% of men, 0.01% of women
#3d90ec Deuteranomaly 6% of men, 0.4% of women
#1398c1 Tritanomaly 0.01% of the population

#358dec hex color

#358dec Color Information

#358dec Color Conversion

Color Schemes with #358dec

Alternatives to #358dec

#358dec Preview

Shades and Tints of #358dec

Tones of #358dec

Color Blindness Simulator