#355474 hex color

In a RGB color space, hex #355474 is composed of 20.8% red, 32.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 27.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 210.5 degrees, a saturation of 37.3% and a lightness of 33.1%. #355474 color hex could be obtained by blending #6aa8e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 33
- B 45
RGB color chart
- C 54
- M 28
- Y 0
- K 55
CMYK color chart

● #355474 color description : Dark moderate blue.

The hexadecimal color #355474 has RGB values of R:53, G:84, B:116 and CMYK values of C:0.54, M:0.28, Y:0, K:0.55. Its decimal value is 3495028.

Hex triplet	355474	`#355474`
RGB Decimal	53, 84, 116	`rgb(53,84,116)`
RGB Percent	20.8, 32.9, 45.5	`rgb(20.8%,32.9%,45.5%)`
CMYK	54, 28, 0, 55
HSL	210.5°, 37.3, 33.1	`hsl(210.5,37.3%,33.1%)`
HSV (or HSB)	210.5°, 54.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	34.718, -1.421, -21.759
XYZ	7.79, 8.358, 17.725
xyY	0.23, 0.247, 8.358
CIE-LCH	34.718, 21.806, 266.264
CIE-LUV	34.718, -13.816, -29.175
Hunter-Lab	28.91, -2.494, -16.113
Binary	00110101, 01010100, 01110100

#355474
```
#355474 rgb(53,84,116)
```
#745535
```
#745535 rgb(116,85,53)
```

Complementary Color

#357474
```
#357474 rgb(53,116,116)
```
#355474
```
#355474 rgb(53,84,116)
```
#353574
```
#353574 rgb(53,53,116)
```

Analogous Color

#747435
```
#747435 rgb(116,116,53)
```
#355474
```
#355474 rgb(53,84,116)
```
#743535
```
#743535 rgb(116,53,53)
```

Split Complementary Color

#547435
```
#547435 rgb(84,116,53)
```
#355474
```
#355474 rgb(53,84,116)
```
#743554
```
#743554 rgb(116,53,84)
```

Triadic Color

#357455
```
#357455 rgb(53,116,85)
```
#355474
```
#355474 rgb(53,84,116)
```
#743554
```
#743554 rgb(116,53,84)
```
#745535
```
#745535 rgb(116,85,53)
```

Tetradic Color

#1d2e3f
```
#1d2e3f rgb(29,46,63)
```
#253b51
```
#253b51 rgb(37,59,81)
```
#2d4762
```
#2d4762 rgb(45,71,98)
```
#355474
```
#355474 rgb(53,84,116)
```
#3d6186
```
#3d6186 rgb(61,97,134)
```
#456d97
```
#456d97 rgb(69,109,151)
```
#4d7aa9
```
#4d7aa9 rgb(77,122,169)
```

Monochromatic Color

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

#356474
```
#356474 rgb(53,100,116)
```
#355f74
```
#355f74 rgb(53,95,116)
```
#355974
```
#355974 rgb(53,89,116)
```
#355474
```
#355474 rgb(53,84,116)
```
#354f74
```
#354f74 rgb(53,79,116)
```
#354a74
```
#354a74 rgb(53,74,116)
```
#354474
```
#354474 rgb(53,68,116)
```

Similar Colors

Text with hexadecimal color #355474

This text has a font color of #355474.

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

#355474 background color

This paragraph has a background color of #355474.

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

#355474 border color

This element has a border color of #355474.

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

CSS codes

.text {color:#355474;}

.background {background-color:#355474;}

.border {border:1px solid #355474;}

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

#040608
```
#040608 rgb(4,6,8)
```
#0a1016
```
#0a1016 rgb(10,16,22)
```
#101a23
```
#101a23 rgb(16,26,35)
```
#162331
```
#162331 rgb(22,35,49)
```
#1c2d3e
```
#1c2d3e rgb(28,45,62)
```
#23374c
```
#23374c rgb(35,55,76)
```
#294159
```
#294159 rgb(41,65,89)
```
#2f4a67
```
#2f4a67 rgb(47,74,103)
```
#355474
```
#355474 rgb(53,84,116)
```
#3b5e81
```
#3b5e81 rgb(59,94,129)
```
#41678f
```
#41678f rgb(65,103,143)
```
#47719c
```
#47719c rgb(71,113,156)
```
#4e7baa
```
#4e7baa rgb(78,123,170)
```

Shade Color Variation

#5885b3
```
#5885b3 rgb(88,133,179)
```
#668fb9
```
#668fb9 rgb(102,143,185)
```
#7399bf
```
#7399bf rgb(115,153,191)
```
#81a2c5
```
#81a2c5 rgb(129,162,197)
```
#8eaccb
```
#8eaccb rgb(142,172,203)
```
#9cb6d2
```
#9cb6d2 rgb(156,182,210)
```
#a9c0d8
```
#a9c0d8 rgb(169,192,216)
```
#b7cade
```
#b7cade rgb(183,202,222)
```
#c4d4e4
```
#c4d4e4 rgb(196,212,228)
```
#d1deea
```
#d1deea rgb(209,222,234)
```
#dfe7f0
```
#dfe7f0 rgb(223,231,240)
```
#ecf1f6
```
#ecf1f6 rgb(236,241,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f545a is the less saturated color, while #0153a8 is the most saturated one.

#4f545a
```
#4f545a rgb(79,84,90)
```
#495461
```
#495461 rgb(73,84,97)
```
#425467
```
#425467 rgb(66,84,103)
```
#3c546e
```
#3c546e rgb(60,84,110)
```
#355474
```
#355474 rgb(53,84,116)
```
#2f547b
```
#2f547b rgb(47,84,123)
```
#285481
```
#285481 rgb(40,84,129)
```
#225488
```
#225488 rgb(34,84,136)
```
#1b548e
```
#1b548e rgb(27,84,142)
```
#155395
```
#155395 rgb(21,83,149)
```
#0e539b
```
#0e539b rgb(14,83,155)
```
#0753a2
```
#0753a2 rgb(7,83,162)
```
#0153a8
```
#0153a8 rgb(1,83,168)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#494f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505978 Protanopia 1% of men
#4d597c Deuteranopia 1% of men
#376067 Tritanopia 0.001% of the population

Trichromacy

#465777 Protanomaly 1% of men, 0.01% of women
#445779 Deuteranomaly 6% of men, 0.4% of women
#365c6c Tritanomaly 0.01% of the population

#355474 hex color

#355474 Color Information

#355474 Color Conversion

Color Schemes with #355474

Alternatives to #355474

#355474 Preview

Shades and Tints of #355474

Tones of #355474

Color Blindness Simulator