#358fdd hex color

In a RGB color space, hex #358fdd is composed of 20.8% red, 56.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 35.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 207.9 degrees, a saturation of 71.2% and a lightness of 53.7%. #358fdd color hex could be obtained by blending #6affff with #001fbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 56
- B 87
RGB color chart
- C 76
- M 35
- Y 0
- K 13
CMYK color chart

● #358fdd color description : Bright blue.

The hexadecimal color #358fdd has RGB values of R:53, G:143, B:221 and CMYK values of C:0.76, M:0.35, Y:0, K:0.13. Its decimal value is 3510237.

Hex triplet	358fdd	`#358fdd`
RGB Decimal	53, 143, 221	`rgb(53,143,221)`
RGB Percent	20.8, 56.1, 86.7	`rgb(20.8%,56.1%,86.7%)`
CMYK	76, 35, 0, 13
HSL	207.9°, 71.2, 53.7	`hsl(207.9,71.2%,53.7%)`
HSV (or HSB)	207.9°, 76, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.675, -0.055, -47.269
XYZ	24.339, 25.62, 72.065
xyY	0.199, 0.21, 25.62
CIE-LCH	57.675, 47.269, 269.934
CIE-LUV	57.675, -31.514, -74.459
Hunter-Lab	50.616, -2.748, -48.983
Binary	00110101, 10001111, 11011101

#358fdd
```
#358fdd rgb(53,143,221)
```
#dd8335
```
#dd8335 rgb(221,131,53)
```

Complementary Color

#35ddd7
```
#35ddd7 rgb(53,221,215)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#353bdd
```
#353bdd rgb(53,59,221)
```

Analogous Color

#ddd735
```
#ddd735 rgb(221,215,53)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#dd353b
```
#dd353b rgb(221,53,59)
```

Split Complementary Color

#8fdd35
```
#8fdd35 rgb(143,221,53)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#dd358f
```
#dd358f rgb(221,53,143)
```

Triadic Color

#35dd83
```
#35dd83 rgb(53,221,131)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#dd358f
```
#dd358f rgb(221,53,143)
```
#dd8335
```
#dd8335 rgb(221,131,53)
```

Tetradic Color

#1c68a9
```
#1c68a9 rgb(28,104,169)
```
#2075bf
```
#2075bf rgb(32,117,191)
```
#2483d5
```
#2483d5 rgb(36,131,213)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#4b9be1
```
#4b9be1 rgb(75,155,225)
```
#61a7e4
```
#61a7e4 rgb(97,167,228)
```
#76b3e8
```
#76b3e8 rgb(118,179,232)
```

Monochromatic Color

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

#35b9dd
```
#35b9dd rgb(53,185,221)
```
#35abdd
```
#35abdd rgb(53,171,221)
```
#359ddd
```
#359ddd rgb(53,157,221)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#3581dd
```
#3581dd rgb(53,129,221)
```
#3573dd
```
#3573dd rgb(53,115,221)
```
#3565dd
```
#3565dd rgb(53,101,221)
```

Similar Colors

Text with hexadecimal color #358fdd

This text has a font color of #358fdd.

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

#358fdd background color

This paragraph has a background color of #358fdd.

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

#358fdd border color

This element has a border color of #358fdd.

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

CSS codes

.text {color:#358fdd;}

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

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

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, #030a10 is the darkest color, while #feffff is the lightest one.

#030a10
```
#030a10 rgb(3,10,16)
```
#061421
```
#061421 rgb(6,20,33)
```
#081f32
```
#081f32 rgb(8,31,50)
```
#0b2943
```
#0b2943 rgb(11,41,67)
```
#0e3353
```
#0e3353 rgb(14,51,83)
```
#113e64
```
#113e64 rgb(17,62,100)
```
#144875
```
#144875 rgb(20,72,117)
```
#175286
```
#175286 rgb(23,82,134)
```
#195c97
```
#195c97 rgb(25,92,151)
```
#1c67a7
```
#1c67a7 rgb(28,103,167)
```
#1f71b8
```
#1f71b8 rgb(31,113,184)
```
#227bc9
```
#227bc9 rgb(34,123,201)
```
#2586da
```
#2586da rgb(37,134,218)
```

Shade Color Variation

#358fdd
```
#358fdd rgb(53,143,221)
```
#4698e0
```
#4698e0 rgb(70,152,224)
```
#57a2e3
```
#57a2e3 rgb(87,162,227)
```
#67abe5
```
#67abe5 rgb(103,171,229)
```
#78b4e8
```
#78b4e8 rgb(120,180,232)
```
#89beeb
```
#89beeb rgb(137,190,235)
```
#9ac7ee
```
#9ac7ee rgb(154,199,238)
```
#abd0f1
```
#abd0f1 rgb(171,208,241)
```
#bbd9f4
```
#bbd9f4 rgb(187,217,244)
```
#cce3f6
```
#cce3f6 rgb(204,227,246)
```
#ddecf9
```
#ddecf9 rgb(221,236,249)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87898b is the less saturated color, while #1a91f8 is the most saturated one.

#87898b
```
#87898b rgb(135,137,139)
```
#7e8a94
```
#7e8a94 rgb(126,138,148)
```
#758a9d
```
#758a9d rgb(117,138,157)
```
#6b8ba7
```
#6b8ba7 rgb(107,139,167)
```
#628cb0
```
#628cb0 rgb(98,140,176)
```
#598cb9
```
#598cb9 rgb(89,140,185)
```
#508dc2
```
#508dc2 rgb(80,141,194)
```
#478ecb
```
#478ecb rgb(71,142,203)
```
#3e8ed4
```
#3e8ed4 rgb(62,142,212)
```
#358fdd
```
#358fdd rgb(53,143,221)
```
#2c90e6
```
#2c90e6 rgb(44,144,230)
```
#2390ef
```
#2390ef rgb(35,144,239)
```
#1a91f8
```
#1a91f8 rgb(26,145,248)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6f8190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#728ed9 Protanopia 1% of men
#5b91e0 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#5c8eda Protanomaly 1% of men, 0.01% of women
#4d90df Deuteranomaly 6% of men, 0.4% of women
#1398bc Tritanomaly 0.01% of the population

#358fdd hex color

#358fdd Color Information

#358fdd Color Conversion

Color Schemes with #358fdd

Alternatives to #358fdd

#358fdd Preview

Shades and Tints of #358fdd

Tones of #358fdd

Color Blindness Simulator