#358acd hex color

In a RGB color space, hex #358acd is composed of 20.8% red, 54.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 32.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 206.4 degrees, a saturation of 60.3% and a lightness of 50.6%. #358acd color hex could be obtained by blending #6affff with #00159b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 54
- B 80
RGB color chart
- C 74
- M 33
- Y 0
- K 20
CMYK color chart

● #358acd color description : Moderate blue.

The hexadecimal color #358acd has RGB values of R:53, G:138, B:205 and CMYK values of C:0.74, M:0.33, Y:0, K:0.2. Its decimal value is 3508941.

Hex triplet	358acd	`#358acd`
RGB Decimal	53, 138, 205	`rgb(53,138,205)`
RGB Percent	20.8, 54.1, 80.4	`rgb(20.8%,54.1%,80.4%)`
CMYK	74, 33, 0, 20
HSL	206.4°, 60.3, 50.6	`hsl(206.4,60.3%,50.6%)`
HSV (or HSB)	206.4°, 74.1, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.421, -2.85, -41.845
XYZ	21.573, 23.34, 61.122
xyY	0.203, 0.22, 23.34
CIE-LCH	55.421, 41.942, 266.104
CIE-LUV	55.421, -30.523, -64.754
Hunter-Lab	48.311, -4.836, -41.194
Binary	00110101, 10001010, 11001101

#358acd
```
#358acd rgb(53,138,205)
```
#cd7835
```
#cd7835 rgb(205,120,53)
```

Complementary Color

#35cdc4
```
#35cdc4 rgb(53,205,196)
```
#358acd
```
#358acd rgb(53,138,205)
```
#353ecd
```
#353ecd rgb(53,62,205)
```

Analogous Color

#cdc435
```
#cdc435 rgb(205,196,53)
```
#358acd
```
#358acd rgb(53,138,205)
```
#cd353e
```
#cd353e rgb(205,53,62)
```

Split Complementary Color

#8acd35
```
#8acd35 rgb(138,205,53)
```
#358acd
```
#358acd rgb(53,138,205)
```
#cd358a
```
#cd358a rgb(205,53,138)
```

Triadic Color

#35cd78
```
#35cd78 rgb(53,205,120)
```
#358acd
```
#358acd rgb(53,138,205)
```
#cd358a
```
#cd358a rgb(205,53,138)
```
#cd7835
```
#cd7835 rgb(205,120,53)
```

Tetradic Color

#246191
```
#246191 rgb(36,97,145)
```
#296fa6
```
#296fa6 rgb(41,111,166)
```
#2e7dba
```
#2e7dba rgb(46,125,186)
```
#358acd
```
#358acd rgb(53,138,205)
```
#4996d2
```
#4996d2 rgb(73,150,210)
```
#5ea2d7
```
#5ea2d7 rgb(94,162,215)
```
#72aedc
```
#72aedc rgb(114,174,220)
```

Monochromatic Color

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

#35b0cd
```
#35b0cd rgb(53,176,205)
```
#35a3cd
```
#35a3cd rgb(53,163,205)
```
#3597cd
```
#3597cd rgb(53,151,205)
```
#358acd
```
#358acd rgb(53,138,205)
```
#357dcd
```
#357dcd rgb(53,125,205)
```
#3571cd
```
#3571cd rgb(53,113,205)
```
#3564cd
```
#3564cd rgb(53,100,205)
```

Similar Colors

Text with hexadecimal color #358acd

This text has a font color of #358acd.

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

#358acd background color

This paragraph has a background color of #358acd.

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

#358acd border color

This element has a border color of #358acd.

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

CSS codes

.text {color:#358acd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081722
```
#081722 rgb(8,23,34)
```
#0c2132
```
#0c2132 rgb(12,33,50)
```
#102c41
```
#102c41 rgb(16,44,65)
```
#143651
```
#143651 rgb(20,54,81)
```
#184161
```
#184161 rgb(24,65,97)
```
#1c4b70
```
#1c4b70 rgb(28,75,112)
```
#205680
```
#205680 rgb(32,86,128)
```
#246090
```
#246090 rgb(36,96,144)
```
#286ba0
```
#286ba0 rgb(40,107,160)
```
#2b75af
```
#2b75af rgb(43,117,175)
```
#2f80bf
```
#2f80bf rgb(47,128,191)
```

Shade Color Variation

#358acd
```
#358acd rgb(53,138,205)
```
#4593d1
```
#4593d1 rgb(69,147,209)
```
#549cd5
```
#549cd5 rgb(84,156,213)
```
#64a5d9
```
#64a5d9 rgb(100,165,217)
```
#74aedd
```
#74aedd rgb(116,174,221)
```
#84b8e0
```
#84b8e0 rgb(132,184,224)
```
#93c1e4
```
#93c1e4 rgb(147,193,228)
```
#a3cae8
```
#a3cae8 rgb(163,202,232)
```
#b3d3ec
```
#b3d3ec rgb(179,211,236)
```
#c3dcf0
```
#c3dcf0 rgb(195,220,240)
```
#d2e5f4
```
#d2e5f4 rgb(210,229,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#798289
```
#798289 rgb(121,130,137)
```
#6f8393
```
#6f8393 rgb(111,131,147)
```
#65849d
```
#65849d rgb(101,132,157)
```
#5c85a6
```
#5c85a6 rgb(92,133,166)
```
#5287b0
```
#5287b0 rgb(82,135,176)
```
#4888ba
```
#4888ba rgb(72,136,186)
```
#3f89c3
```
#3f89c3 rgb(63,137,195)
```
#358acd
```
#358acd rgb(53,138,205)
```
#2b8bd7
```
#2b8bd7 rgb(43,139,215)
```
#228ce0
```
#228ce0 rgb(34,140,224)
```
#188dea
```
#188dea rgb(24,141,234)
```
#0e8ff4
```
#0e8ff4 rgb(14,143,244)
```
#0590fd
```
#0590fd rgb(5,144,253)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6b7c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7288ca Protanopia 1% of men
#618bd1 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#5c89cb Protanomaly 1% of men, 0.01% of women
#518acf Deuteranomaly 6% of men, 0.4% of women
#1393b2 Tritanomaly 0.01% of the population

#358acd hex color

#358acd Color Information

#358acd Color Conversion

Color Schemes with #358acd

Alternatives to #358acd

#358acd Preview

Shades and Tints of #358acd

Tones of #358acd

Color Blindness Simulator