#355aad hex color

In a RGB color space, hex #355aad is composed of 20.8% red, 35.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 48% magenta, 0% yellow and 32.2% black. It has a hue angle of 221.5 degrees, a saturation of 53.1% and a lightness of 44.3%. #355aad color hex could be obtained by blending #6ab4ff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 35
- B 68
RGB color chart
- C 69
- M 48
- Y 0
- K 32
CMYK color chart

● #355aad color description : Dark moderate blue.

The hexadecimal color #355aad has RGB values of R:53, G:90, B:173 and CMYK values of C:0.69, M:0.48, Y:0, K:0.32. Its decimal value is 3496621.

Hex triplet	355aad	`#355aad`
RGB Decimal	53, 90, 173	`rgb(53,90,173)`
RGB Percent	20.8, 35.3, 67.8	`rgb(20.8%,35.3%,67.8%)`
CMYK	69, 48, 0, 32
HSL	221.5°, 53.1, 44.3	`hsl(221.5,53.1%,44.3%)`
HSV (or HSB)	221.5°, 69.4, 67.8
Web Safe	336699	`#336699`

CIE-LAB	39.724, 15.197, -48.353
XYZ	12.666, 11.086, 41.005
xyY	0.196, 0.171, 11.086
CIE-LCH	39.724, 50.685, 287.447
CIE-LUV	39.724, -15.525, -71.231
Hunter-Lab	33.295, 9.636, -49.714
Binary	00110101, 01011010, 10101101

#355aad
```
#355aad rgb(53,90,173)
```
#ad8835
```
#ad8835 rgb(173,136,53)
```

Complementary Color

#3596ad
```
#3596ad rgb(53,150,173)
```
#355aad
```
#355aad rgb(53,90,173)
```
#4c35ad
```
#4c35ad rgb(76,53,173)
```

Analogous Color

#96ad35
```
#96ad35 rgb(150,173,53)
```
#355aad
```
#355aad rgb(53,90,173)
```
#ad4c35
```
#ad4c35 rgb(173,76,53)
```

Split Complementary Color

#5aad35
```
#5aad35 rgb(90,173,53)
```
#355aad
```
#355aad rgb(53,90,173)
```
#ad355a
```
#ad355a rgb(173,53,90)
```

Triadic Color

#35ad88
```
#35ad88 rgb(53,173,136)
```
#355aad
```
#355aad rgb(53,90,173)
```
#ad355a
```
#ad355a rgb(173,53,90)
```
#ad8835
```
#ad8835 rgb(173,136,53)
```

Tetradic Color

#233c72
```
#233c72 rgb(35,60,114)
```
#294686
```
#294686 rgb(41,70,134)
```
#2f5099
```
#2f5099 rgb(47,80,153)
```
#355aad
```
#355aad rgb(53,90,173)
```
#3b64c1
```
#3b64c1 rgb(59,100,193)
```
#4d73c8
```
#4d73c8 rgb(77,115,200)
```
#6082ce
```
#6082ce rgb(96,130,206)
```

Monochromatic Color

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

#3578ad
```
#3578ad rgb(53,120,173)
```
#356ead
```
#356ead rgb(53,110,173)
```
#3564ad
```
#3564ad rgb(53,100,173)
```
#355aad
```
#355aad rgb(53,90,173)
```
#3550ad
```
#3550ad rgb(53,80,173)
```
#3546ad
```
#3546ad rgb(53,70,173)
```
#353cad
```
#353cad rgb(53,60,173)
```

Similar Colors

Text with hexadecimal color #355aad

This text has a font color of #355aad.

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

#355aad background color

This paragraph has a background color of #355aad.

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

#355aad border color

This element has a border color of #355aad.

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

CSS codes

.text {color:#355aad;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0c1426
```
#0c1426 rgb(12,20,38)
```
#101c35
```
#101c35 rgb(16,28,53)
```
#152344
```
#152344 rgb(21,35,68)
```
#192b53
```
#192b53 rgb(25,43,83)
```
#1e3362
```
#1e3362 rgb(30,51,98)
```
#233b71
```
#233b71 rgb(35,59,113)
```
#274380
```
#274380 rgb(39,67,128)
```
#2c4a8f
```
#2c4a8f rgb(44,74,143)
```
#30529e
```
#30529e rgb(48,82,158)
```
#355aad
```
#355aad rgb(53,90,173)
```
#3a62bc
```
#3a62bc rgb(58,98,188)
```

Shade Color Variation

#446cc6
```
#446cc6 rgb(68,108,198)
```
#5378ca
```
#5378ca rgb(83,120,202)
```
#6283cf
```
#6283cf rgb(98,131,207)
```
#718fd3
```
#718fd3 rgb(113,143,211)
```
#809bd8
```
#809bd8 rgb(128,155,216)
```
#8fa7dd
```
#8fa7dd rgb(143,167,221)
```
#9eb3e1
```
#9eb3e1 rgb(158,179,225)
```
#adbee6
```
#adbee6 rgb(173,190,230)
```
#bccaea
```
#bccaea rgb(188,202,234)
```
#cbd6ef
```
#cbd6ef rgb(203,214,239)
```
#dae2f4
```
#dae2f4 rgb(218,226,244)
```
#e9eef8
```
#e9eef8 rgb(233,238,248)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696e79 is the less saturated color, while #0146e1 is the most saturated one.

#696e79
```
#696e79 rgb(105,110,121)
```
#606b82
```
#606b82 rgb(96,107,130)
```
#58678a
```
#58678a rgb(88,103,138)
```
#4f6493
```
#4f6493 rgb(79,100,147)
```
#46619c
```
#46619c rgb(70,97,156)
```
#3e5da4
```
#3e5da4 rgb(62,93,164)
```
#355aad
```
#355aad rgb(53,90,173)
```
#2c57b6
```
#2c57b6 rgb(44,87,182)
```
#2453be
```
#2453be rgb(36,83,190)
```
#1b50c7
```
#1b50c7 rgb(27,80,199)
```
#124dd0
```
#124dd0 rgb(18,77,208)
```
#0a49d8
```
#0a49d8 rgb(10,73,216)
```
#0146e1
```
#0146e1 rgb(1,70,225)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3963b1 Protanopia 1% of men
#0067ac Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#375fb0 Protanomaly 1% of men, 0.01% of women
#1362ac Deuteranomaly 6% of men, 0.4% of women
#13678b Tritanomaly 0.01% of the population

#355aad hex color

#355aad Color Information

#355aad Color Conversion

Color Schemes with #355aad

Alternatives to #355aad

#355aad Preview

Shades and Tints of #355aad

Tones of #355aad

Color Blindness Simulator