#355b8d hex color

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

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

● #355b8d color description : Dark moderate blue.

The hexadecimal color #355b8d has RGB values of R:53, G:91, B:141 and CMYK values of C:0.62, M:0.35, Y:0, K:0.45. Its decimal value is 3496845.

Hex triplet	355b8d	`#355b8d`
RGB Decimal	53, 91, 141	`rgb(53,91,141)`
RGB Percent	20.8, 35.7, 55.3	`rgb(20.8%,35.7%,55.3%)`
CMYK	62, 35, 0, 45
HSL	214.1°, 45.4, 38	`hsl(214.1,45.4%,38%)`
HSV (or HSB)	214.1°, 62.4, 55.3
Web Safe	336699	`#336699`

CIE-LAB	38.131, 2.846, -31.747
XYZ	10.016, 10.162, 26.631
xyY	0.214, 0.217, 10.162
CIE-LCH	38.131, 31.875, 275.122
CIE-LUV	38.131, -16.118, -45.083
Hunter-Lab	31.877, 0.3, -27.219
Binary	00110101, 01011011, 10001101

#355b8d
```
#355b8d rgb(53,91,141)
```
#8d6735
```
#8d6735 rgb(141,103,53)
```

Complementary Color

#35878d
```
#35878d rgb(53,135,141)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#3b358d
```
#3b358d rgb(59,53,141)
```

Analogous Color

#878d35
```
#878d35 rgb(135,141,53)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#8d3b35
```
#8d3b35 rgb(141,59,53)
```

Split Complementary Color

#5b8d35
```
#5b8d35 rgb(91,141,53)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#8d355b
```
#8d355b rgb(141,53,91)
```

Triadic Color

#358d67
```
#358d67 rgb(53,141,103)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#8d355b
```
#8d355b rgb(141,53,91)
```
#8d6735
```
#8d6735 rgb(141,103,53)
```

Tetradic Color

#203755
```
#203755 rgb(32,55,85)
```
#274368
```
#274368 rgb(39,67,104)
```
#2e4f7a
```
#2e4f7a rgb(46,79,122)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#3c67a0
```
#3c67a0 rgb(60,103,160)
```
#4373b2
```
#4373b2 rgb(67,115,178)
```
#5180be
```
#5180be rgb(81,128,190)
```

Monochromatic Color

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

#35718d
```
#35718d rgb(53,113,141)
```
#356a8d
```
#356a8d rgb(53,106,141)
```
#35628d
```
#35628d rgb(53,98,141)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#35548d
```
#35548d rgb(53,84,141)
```
#354c8d
```
#354c8d rgb(53,76,141)
```
#35458d
```
#35458d rgb(53,69,141)
```

Similar Colors

Text with hexadecimal color #355b8d

This text has a font color of #355b8d.

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

#355b8d background color

This paragraph has a background color of #355b8d.

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

#355b8d border color

This element has a border color of #355b8d.

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

CSS codes

.text {color:#355b8d;}

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

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

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)
```
#0f1b29
```
#0f1b29 rgb(15,27,41)
```
#152437
```
#152437 rgb(21,36,55)
```
#1a2d46
```
#1a2d46 rgb(26,45,70)
```
#203654
```
#203654 rgb(32,54,84)
```
#253f62
```
#253f62 rgb(37,63,98)
```
#2a4970
```
#2a4970 rgb(42,73,112)
```
#30527f
```
#30527f rgb(48,82,127)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#3a649b
```
#3a649b rgb(58,100,155)
```
#406daa
```
#406daa rgb(64,109,170)
```
#4577b8
```
#4577b8 rgb(69,119,184)
```

Shade Color Variation

#5281be
```
#5281be rgb(82,129,190)
```
#618bc3
```
#618bc3 rgb(97,139,195)
```
#6f96c9
```
#6f96c9 rgb(111,150,201)
```
#7da0ce
```
#7da0ce rgb(125,160,206)
```
#8babd4
```
#8babd4 rgb(139,171,212)
```
#9ab5d9
```
#9ab5d9 rgb(154,181,217)
```
#a8bfde
```
#a8bfde rgb(168,191,222)
```
#b6cae4
```
#b6cae4 rgb(182,202,228)
```
#c4d4e9
```
#c4d4e9 rgb(196,212,233)
```
#d3dfee
```
#d3dfee rgb(211,223,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 #0154c1 is the most saturated one.

#5a6068
```
#5a6068 rgb(90,96,104)
```
#535f6f
```
#535f6f rgb(83,95,111)
```
#4b5e77
```
#4b5e77 rgb(75,94,119)
```
#445d7e
```
#445d7e rgb(68,93,126)
```
#3c5c86
```
#3c5c86 rgb(60,92,134)
```
#355b8d
```
#355b8d rgb(53,91,141)
```
#2e5a94
```
#2e5a94 rgb(46,90,148)
```
#26599c
```
#26599c rgb(38,89,156)
```
#1f58a3
```
#1f58a3 rgb(31,88,163)
```
#1757ab
```
#1757ab rgb(23,87,171)
```
#1056b2
```
#1056b2 rgb(16,86,178)
```
#0855ba
```
#0855ba rgb(8,85,186)
```
#0154c1
```
#0154c1 rgb(1,84,193)
```

Tone Color Variation

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

#4f6090 Protanopia 1% of men
#456293 Deuteranopia 1% of men
#2b6a72 Tritanopia 0.001% of the population

Trichromacy

#465e8f Protanomaly 1% of men, 0.01% of women
#3f5f91 Deuteranomaly 6% of men, 0.4% of women
#2f647c Tritanomaly 0.01% of the population

#355b8d hex color

#355b8d Color Information

#355b8d Color Conversion

Color Schemes with #355b8d

Alternatives to #355b8d

#355b8d Preview

Shades and Tints of #355b8d

Tones of #355b8d

Color Blindness Simulator