#355a8d hex color

In a RGB color space, hex #355a8d is composed of 20.8% red, 35.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 36.2% magenta, 0% yellow and 44.7% black. It has a hue angle of 214.8 degrees, a saturation of 45.4% and a lightness of 38%. #355a8d color hex could be obtained by blending #6ab4ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 35
- B 55
RGB color chart
- C 62
- M 36
- Y 0
- K 45
CMYK color chart

● #355a8d color description : Dark moderate blue.

The hexadecimal color #355a8d has RGB values of R:53, G:90, B:141 and CMYK values of C:0.62, M:0.36, Y:0, K:0.45. Its decimal value is 3496589.

Hex triplet	355a8d	`#355a8d`
RGB Decimal	53, 90, 141	`rgb(53,90,141)`
RGB Percent	20.8, 35.3, 55.3	`rgb(20.8%,35.3%,55.3%)`
CMYK	62, 36, 0, 45
HSL	214.8°, 45.4, 38	`hsl(214.8,45.4%,38%)`
HSV (or HSB)	214.8°, 62.4, 55.3
Web Safe	336699	`#336699`

CIE-LAB	37.828, 3.483, -32.226
XYZ	9.931, 9.992, 26.603
xyY	0.213, 0.215, 9.992
CIE-LCH	37.828, 32.414, 276.169
CIE-LUV	37.828, -15.765, -45.757
Hunter-Lab	31.61, 0.764, -27.773
Binary	00110101, 01011010, 10001101

#355a8d
```
#355a8d rgb(53,90,141)
```
#8d6835
```
#8d6835 rgb(141,104,53)
```

Complementary Color

#35868d
```
#35868d rgb(53,134,141)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#3c358d
```
#3c358d rgb(60,53,141)
```

Analogous Color

#868d35
```
#868d35 rgb(134,141,53)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#8d3c35
```
#8d3c35 rgb(141,60,53)
```

Split Complementary Color

#5a8d35
```
#5a8d35 rgb(90,141,53)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#8d355a
```
#8d355a rgb(141,53,90)
```

Triadic Color

#358d68
```
#358d68 rgb(53,141,104)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#8d355a
```
#8d355a rgb(141,53,90)
```
#8d6835
```
#8d6835 rgb(141,104,53)
```

Tetradic Color

#203755
```
#203755 rgb(32,55,85)
```
#274268
```
#274268 rgb(39,66,104)
```
#2e4e7a
```
#2e4e7a rgb(46,78,122)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#3c66a0
```
#3c66a0 rgb(60,102,160)
```
#4372b2
```
#4372b2 rgb(67,114,178)
```
#517fbe
```
#517fbe rgb(81,127,190)
```

Monochromatic Color

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

#35708d
```
#35708d rgb(53,112,141)
```
#35698d
```
#35698d rgb(53,105,141)
```
#35618d
```
#35618d rgb(53,97,141)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#35538d
```
#35538d rgb(53,83,141)
```
#354b8d
```
#354b8d rgb(53,75,141)
```
#35448d
```
#35448d rgb(53,68,141)
```

Similar Colors

Text with hexadecimal color #355a8d

This text has a font color of #355a8d.

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

#355a8d background color

This paragraph has a background color of #355a8d.

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

#355a8d border color

This element has a border color of #355a8d.

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

CSS codes

.text {color:#355a8d;}

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

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

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

#05080d
```
#05080d rgb(5,8,13)
```
#0a111b
```
#0a111b rgb(10,17,27)
```
#0f1a29
```
#0f1a29 rgb(15,26,41)
```
#152337
```
#152337 rgb(21,35,55)
```
#1a2d46
```
#1a2d46 rgb(26,45,70)
```
#203654
```
#203654 rgb(32,54,84)
```
#253f62
```
#253f62 rgb(37,63,98)
```
#2a4870
```
#2a4870 rgb(42,72,112)
```
#30517f
```
#30517f rgb(48,81,127)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#3a639b
```
#3a639b rgb(58,99,155)
```
#406caa
```
#406caa rgb(64,108,170)
```
#4575b8
```
#4575b8 rgb(69,117,184)
```

Shade Color Variation

#5280be
```
#5280be rgb(82,128,190)
```
#618ac3
```
#618ac3 rgb(97,138,195)
```
#6f95c9
```
#6f95c9 rgb(111,149,201)
```
#7d9fce
```
#7d9fce rgb(125,159,206)
```
#8baad4
```
#8baad4 rgb(139,170,212)
```
#9ab4d9
```
#9ab4d9 rgb(154,180,217)
```
#a8bfde
```
#a8bfde rgb(168,191,222)
```
#b6c9e4
```
#b6c9e4 rgb(182,201,228)
```
#c4d4e9
```
#c4d4e9 rgb(196,212,233)
```
#d3deee
```
#d3deee rgb(211,222,238)
```
#e1e9f4
```
#e1e9f4 rgb(225,233,244)
```
#eff3f9
```
#eff3f9 rgb(239,243,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6068 is the less saturated color, while #0152c1 is the most saturated one.

#5a6068
```
#5a6068 rgb(90,96,104)
```
#535f6f
```
#535f6f rgb(83,95,111)
```
#4b5e77
```
#4b5e77 rgb(75,94,119)
```
#445c7e
```
#445c7e rgb(68,92,126)
```
#3c5b86
```
#3c5b86 rgb(60,91,134)
```
#355a8d
```
#355a8d rgb(53,90,141)
```
#2e5994
```
#2e5994 rgb(46,89,148)
```
#26589c
```
#26589c rgb(38,88,156)
```
#1f56a3
```
#1f56a3 rgb(31,86,163)
```
#1755ab
```
#1755ab rgb(23,85,171)
```
#1054b2
```
#1054b2 rgb(16,84,178)
```
#0853ba
```
#0853ba rgb(8,83,186)
```
#0152c1
```
#0152c1 rgb(1,82,193)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4f5660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6091 Protanopia 1% of men
#446193 Deuteranopia 1% of men
#2b6971 Tritanopia 0.001% of the population

Trichromacy

#455d8f Protanomaly 1% of men, 0.01% of women
#3e5e91 Deuteranomaly 6% of men, 0.4% of women
#2e647b Tritanomaly 0.01% of the population

#355a8d hex color

#355a8d Color Information

#355a8d Color Conversion

Color Schemes with #355a8d

Alternatives to #355a8d

#355a8d Preview

Shades and Tints of #355a8d

Tones of #355a8d

Color Blindness Simulator