#354674 hex color

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

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

● #354674 color description : Dark moderate blue.

The hexadecimal color #354674 has RGB values of R:53, G:70, B:116 and CMYK values of C:0.54, M:0.4, Y:0, K:0.55. Its decimal value is 3491444.

Hex triplet	354674	`#354674`
RGB Decimal	53, 70, 116	`rgb(53,70,116)`
RGB Percent	20.8, 27.5, 45.5	`rgb(20.8%,27.5%,45.5%)`
CMYK	54, 40, 0, 55
HSL	223.8°, 37.3, 33.1	`hsl(223.8,37.3%,33.1%)`
HSV (or HSB)	223.8°, 54.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	30.395, 7.693, -28.537
XYZ	6.81, 6.398, 17.398
xyY	0.223, 0.209, 6.398
CIE-LCH	30.395, 29.556, 285.086
CIE-LUV	30.395, -8.718, -38.241
Hunter-Lab	25.294, 3.794, -23.076
Binary	00110101, 01000110, 01110100

#354674
```
#354674 rgb(53,70,116)
```
#746335
```
#746335 rgb(116,99,53)
```

Complementary Color

#356674
```
#356674 rgb(53,102,116)
```
#354674
```
#354674 rgb(53,70,116)
```
#433574
```
#433574 rgb(67,53,116)
```

Analogous Color

#667435
```
#667435 rgb(102,116,53)
```
#354674
```
#354674 rgb(53,70,116)
```
#744335
```
#744335 rgb(116,67,53)
```

Split Complementary Color

#467435
```
#467435 rgb(70,116,53)
```
#354674
```
#354674 rgb(53,70,116)
```
#743546
```
#743546 rgb(116,53,70)
```

Triadic Color

#357463
```
#357463 rgb(53,116,99)
```
#354674
```
#354674 rgb(53,70,116)
```
#743546
```
#743546 rgb(116,53,70)
```
#746335
```
#746335 rgb(116,99,53)
```

Tetradic Color

#1d263f
```
#1d263f rgb(29,38,63)
```
#253151
```
#253151 rgb(37,49,81)
```
#2d3b62
```
#2d3b62 rgb(45,59,98)
```
#354674
```
#354674 rgb(53,70,116)
```
#3d5186
```
#3d5186 rgb(61,81,134)
```
#455b97
```
#455b97 rgb(69,91,151)
```
#4d66a9
```
#4d66a9 rgb(77,102,169)
```

Monochromatic Color

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

#355674
```
#355674 rgb(53,86,116)
```
#355174
```
#355174 rgb(53,81,116)
```
#354b74
```
#354b74 rgb(53,75,116)
```
#354674
```
#354674 rgb(53,70,116)
```
#354174
```
#354174 rgb(53,65,116)
```
#353c74
```
#353c74 rgb(53,60,116)
```
#353674
```
#353674 rgb(53,54,116)
```

Similar Colors

Text with hexadecimal color #354674

This text has a font color of #354674.

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

#354674 background color

This paragraph has a background color of #354674.

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

#354674 border color

This element has a border color of #354674.

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

CSS codes

.text {color:#354674;}

.background {background-color:#354674;}

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0d16
```
#0a0d16 rgb(10,13,22)
```
#101523
```
#101523 rgb(16,21,35)
```
#161d31
```
#161d31 rgb(22,29,49)
```
#1c263e
```
#1c263e rgb(28,38,62)
```
#232e4c
```
#232e4c rgb(35,46,76)
```
#293659
```
#293659 rgb(41,54,89)
```
#2f3e67
```
#2f3e67 rgb(47,62,103)
```
#354674
```
#354674 rgb(53,70,116)
```
#3b4e81
```
#3b4e81 rgb(59,78,129)
```
#41568f
```
#41568f rgb(65,86,143)
```
#475e9c
```
#475e9c rgb(71,94,156)
```
#4e66aa
```
#4e66aa rgb(78,102,170)
```

Shade Color Variation

#5871b3
```
#5871b3 rgb(88,113,179)
```
#667cb9
```
#667cb9 rgb(102,124,185)
```
#7388bf
```
#7388bf rgb(115,136,191)
```
#8193c5
```
#8193c5 rgb(129,147,197)
```
#8e9fcb
```
#8e9fcb rgb(142,159,203)
```
#9caad2
```
#9caad2 rgb(156,170,210)
```
#a9b6d8
```
#a9b6d8 rgb(169,182,216)
```
#b7c1de
```
#b7c1de rgb(183,193,222)
```
#c4cde4
```
#c4cde4 rgb(196,205,228)
```
#d1d8ea
```
#d1d8ea rgb(209,216,234)
```
#dfe4f0
```
#dfe4f0 rgb(223,228,240)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#4f525a
```
#4f525a rgb(79,82,90)
```
#494f61
```
#494f61 rgb(73,79,97)
```
#424c67
```
#424c67 rgb(66,76,103)
```
#3c496e
```
#3c496e rgb(60,73,110)
```
#354674
```
#354674 rgb(53,70,116)
```
#2f437b
```
#2f437b rgb(47,67,123)
```
#284081
```
#284081 rgb(40,64,129)
```
#223d88
```
#223d88 rgb(34,61,136)
```
#1b3a8e
```
#1b3a8e rgb(27,58,142)
```
#153795
```
#153795 rgb(21,55,149)
```
#0e349b
```
#0e349b rgb(14,52,155)
```
#0731a2
```
#0731a2 rgb(7,49,162)
```
#012ea8
```
#012ea8 rgb(1,46,168)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#43464f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4f7b Protanopia 1% of men
#38517a Deuteranopia 1% of men
#32565c Tritanopia 0.001% of the population

Trichromacy

#3b4c78 Protanomaly 1% of men, 0.01% of women
#374d78 Deuteranomaly 6% of men, 0.4% of women
#335065 Tritanomaly 0.01% of the population

#354674 hex color

#354674 Color Information

#354674 Color Conversion

Color Schemes with #354674

Alternatives to #354674

#354674 Preview

Shades and Tints of #354674

Tones of #354674

Color Blindness Simulator