#355ac8 hex color

In a RGB color space, hex #355ac8 is composed of 20.8% red, 35.3% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 55% magenta, 0% yellow and 21.6% black. It has a hue angle of 224.9 degrees, a saturation of 58.1% and a lightness of 49.6%. #355ac8 color hex could be obtained by blending #6ab4ff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 35
- B 78
RGB color chart
- C 74
- M 55
- Y 0
- K 22
CMYK color chart

● #355ac8 color description : Moderate blue.

The hexadecimal color #355ac8 has RGB values of R:53, G:90, B:200 and CMYK values of C:0.74, M:0.55, Y:0, K:0.22. Its decimal value is 3496648.

Hex triplet	355ac8	`#355ac8`
RGB Decimal	53, 90, 200	`rgb(53,90,200)`
RGB Percent	20.8, 35.3, 78.4	`rgb(20.8%,35.3%,78.4%)`
CMYK	74, 55, 0, 22
HSL	224.9°, 58.1, 49.6	`hsl(224.9,58.1%,49.6%)`
HSV (or HSB)	224.9°, 73.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.592, 25.207, -61.118
XYZ	15.547, 12.238, 56.183
xyY	0.185, 0.146, 12.238
CIE-LCH	41.592, 66.112, 292.413
CIE-LUV	41.592, -15.515, -91.25
Hunter-Lab	34.983, 18.109, -70.732
Binary	00110101, 01011010, 11001000

#355ac8
```
#355ac8 rgb(53,90,200)
```
#c8a335
```
#c8a335 rgb(200,163,53)
```

Complementary Color

#35a4c8
```
#35a4c8 rgb(53,164,200)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#5a35c8
```
#5a35c8 rgb(90,53,200)
```

Analogous Color

#a4c835
```
#a4c835 rgb(164,200,53)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#c85a35
```
#c85a35 rgb(200,90,53)
```

Split Complementary Color

#5ac835
```
#5ac835 rgb(90,200,53)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#c8355a
```
#c8355a rgb(200,53,90)
```

Triadic Color

#35c8a3
```
#35c8a3 rgb(53,200,163)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#c8355a
```
#c8355a rgb(200,53,90)
```
#c8a335
```
#c8a335 rgb(200,163,53)
```

Tetradic Color

#253f8c
```
#253f8c rgb(37,63,140)
```
#2a48a0
```
#2a48a0 rgb(42,72,160)
```
#3051b4
```
#3051b4 rgb(48,81,180)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#486acf
```
#486acf rgb(72,106,207)
```
#5c7ad4
```
#5c7ad4 rgb(92,122,212)
```
#708bd9
```
#708bd9 rgb(112,139,217)
```

Monochromatic Color

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

#357fc8
```
#357fc8 rgb(53,127,200)
```
#3573c8
```
#3573c8 rgb(53,115,200)
```
#3566c8
```
#3566c8 rgb(53,102,200)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#354ec8
```
#354ec8 rgb(53,78,200)
```
#3542c8
```
#3542c8 rgb(53,66,200)
```
#3535c8
```
#3535c8 rgb(53,53,200)
```

Similar Colors

Text with hexadecimal color #355ac8

This text has a font color of #355ac8.

<span style="color:#355ac8;">Text here</span>

#355ac8 background color

This paragraph has a background color of #355ac8.

<p style="background-color:#355ac8;">Content here</p>

#355ac8 border color

This element has a border color of #355ac8.

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

CSS codes

.text {color:#355ac8;}

.background {background-color:#355ac8;}

.border {border:1px solid #355ac8;}

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, #04060e is the darkest color, while #fdfeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080d1d
```
#080d1d rgb(8,13,29)
```
#0c142d
```
#0c142d rgb(12,20,45)
```
#101b3c
```
#101b3c rgb(16,27,60)
```
#14224c
```
#14224c rgb(20,34,76)
```
#18295b
```
#18295b rgb(24,41,91)
```
#1c306b
```
#1c306b rgb(28,48,107)
```
#20377a
```
#20377a rgb(32,55,122)
```
#253e8a
```
#253e8a rgb(37,62,138)
```
#294599
```
#294599 rgb(41,69,153)
```
#2d4ca9
```
#2d4ca9 rgb(45,76,169)
```
#3153b8
```
#3153b8 rgb(49,83,184)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```

Shade Color Variation

#4366cd
```
#4366cd rgb(67,102,205)
```
#5373d1
```
#5373d1 rgb(83,115,209)
```
#627fd5
```
#627fd5 rgb(98,127,213)
```
#728cda
```
#728cda rgb(114,140,218)
```
#8199de
```
#8199de rgb(129,153,222)
```
#91a5e2
```
#91a5e2 rgb(145,165,226)
```
#a0b2e6
```
#a0b2e6 rgb(160,178,230)
```
#b0bfea
```
#b0bfea rgb(176,191,234)
```
#bfcbee
```
#bfcbee rgb(191,203,238)
```
#cfd8f2
```
#cfd8f2 rgb(207,216,242)
```
#dee4f6
```
#dee4f6 rgb(222,228,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c84 is the less saturated color, while #0442f9 is the most saturated one.

#797c84
```
#797c84 rgb(121,124,132)
```
#6f778e
```
#6f778e rgb(111,119,142)
```
#667297
```
#667297 rgb(102,114,151)
```
#5c6da1
```
#5c6da1 rgb(92,109,161)
```
#5268ab
```
#5268ab rgb(82,104,171)
```
#4864b5
```
#4864b5 rgb(72,100,181)
```
#3f5fbe
```
#3f5fbe rgb(63,95,190)
```
#355ac8
```
#355ac8 rgb(53,90,200)
```
#2b55d2
```
#2b55d2 rgb(43,85,210)
```
#2250db
```
#2250db rgb(34,80,219)
```
#184ce5
```
#184ce5 rgb(24,76,229)
```
#0e47ef
```
#0e47ef rgb(14,71,239)
```
#0442f9
```
#0442f9 rgb(4,66,249)
```

Tone Color Variation

Below, you can see how #355ac8 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

#5b5b5b Achromatopsia 0.005% of the population
#535b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066ca Protanopia 1% of men
#006cb1 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1362c9 Protanomaly 1% of men, 0.01% of women
#1365b9 Deuteranomaly 6% of men, 0.4% of women
#136b97 Tritanomaly 0.01% of the population

#355ac8 hex color

#355ac8 Color Information

#355ac8 Color Conversion

Color Schemes with #355ac8

Alternatives to #355ac8

#355ac8 Preview

Shades and Tints of #355ac8

Tones of #355ac8

Color Blindness Simulator