#354c64 hex color

In a RGB color space, hex #354c64 is composed of 20.8% red, 29.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 24% magenta, 0% yellow and 60.8% black. It has a hue angle of 210.6 degrees, a saturation of 30.7% and a lightness of 30%. #354c64 color hex could be obtained by blending #6a98c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 30
- B 39
RGB color chart
- C 47
- M 24
- Y 0
- K 61
CMYK color chart

● #354c64 color description : Very dark desaturated blue.

The hexadecimal color #354c64 has RGB values of R:53, G:76, B:100 and CMYK values of C:0.47, M:0.24, Y:0, K:0.61. Its decimal value is 3492964.

Hex triplet	354c64	`#354c64`
RGB Decimal	53, 76, 100	`rgb(53,76,100)`
RGB Percent	20.8, 29.8, 39.2	`rgb(20.8%,29.8%,39.2%)`
CMYK	47, 24, 0, 61
HSL	210.6°, 30.7, 30	`hsl(210.6,30.7%,30%)`
HSV (or HSB)	210.6°, 47, 39.2
Web Safe	333366	`#333366`

CIE-LAB	31.453, -1.628, -16.774
XYZ	6.352, 6.846, 13.042
xyY	0.242, 0.261, 6.846
CIE-LCH	31.453, 16.853, 264.456
CIE-LUV	31.453, -10.772, -21.471
Hunter-Lab	26.164, -2.449, -11.241
Binary	00110101, 01001100, 01100100

#354c64
```
#354c64 rgb(53,76,100)
```
#644d35
```
#644d35 rgb(100,77,53)
```

Complementary Color

#356464
```
#356464 rgb(53,100,100)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#363564
```
#363564 rgb(54,53,100)
```

Analogous Color

#646435
```
#646435 rgb(100,100,53)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#643635
```
#643635 rgb(100,54,53)
```

Split Complementary Color

#4c6435
```
#4c6435 rgb(76,100,53)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#64354c
```
#64354c rgb(100,53,76)
```

Triadic Color

#35644d
```
#35644d rgb(53,100,77)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#64354c
```
#64354c rgb(100,53,76)
```
#644d35
```
#644d35 rgb(100,77,53)
```

Tetradic Color

#1b2632
```
#1b2632 rgb(27,38,50)
```
#233343
```
#233343 rgb(35,51,67)
```
#2c3f53
```
#2c3f53 rgb(44,63,83)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#3e5975
```
#3e5975 rgb(62,89,117)
```
#476585
```
#476585 rgb(71,101,133)
```
#507296
```
#507296 rgb(80,114,150)
```

Monochromatic Color

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

#355864
```
#355864 rgb(53,88,100)
```
#355464
```
#355464 rgb(53,84,100)
```
#355064
```
#355064 rgb(53,80,100)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#354864
```
#354864 rgb(53,72,100)
```
#354464
```
#354464 rgb(53,68,100)
```
#354064
```
#354064 rgb(53,64,100)
```

Similar Colors

Text with hexadecimal color #354c64

This text has a font color of #354c64.

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

#354c64 background color

This paragraph has a background color of #354c64.

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

#354c64 border color

This element has a border color of #354c64.

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

CSS codes

.text {color:#354c64;}

.background {background-color:#354c64;}

.border {border:1px solid #354c64;}

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

#05080a
```
#05080a rgb(5,8,10)
```
#0c1217
```
#0c1217 rgb(12,18,23)
```
#131b24
```
#131b24 rgb(19,27,36)
```
#1a2531
```
#1a2531 rgb(26,37,49)
```
#212f3e
```
#212f3e rgb(33,47,62)
```
#27394a
```
#27394a rgb(39,57,74)
```
#2e4257
```
#2e4257 rgb(46,66,87)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#3c5671
```
#3c5671 rgb(60,86,113)
```
#435f7e
```
#435f7e rgb(67,95,126)
```
#49698a
```
#49698a rgb(73,105,138)
```
#507397
```
#507397 rgb(80,115,151)
```
#577da4
```
#577da4 rgb(87,125,164)
```

Shade Color Variation

#6387ac
```
#6387ac rgb(99,135,172)
```
#6f90b3
```
#6f90b3 rgb(111,144,179)
```
#7c9aba
```
#7c9aba rgb(124,154,186)
```
#89a4c0
```
#89a4c0 rgb(137,164,192)
```
#96aec7
```
#96aec7 rgb(150,174,199)
```
#a3b8ce
```
#a3b8ce rgb(163,184,206)
```
#b0c2d5
```
#b0c2d5 rgb(176,194,213)
```
#bcccdc
```
#bcccdc rgb(188,204,220)
```
#c9d6e2
```
#c9d6e2 rgb(201,214,226)
```
#d6dfe9
```
#d6dfe9 rgb(214,223,233)
```
#e3e9f0
```
#e3e9f0 rgb(227,233,240)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474c52 is the less saturated color, while #004b99 is the most saturated one.

#474c52
```
#474c52 rgb(71,76,82)
```
#414c58
```
#414c58 rgb(65,76,88)
```
#3b4c5e
```
#3b4c5e rgb(59,76,94)
```
#354c64
```
#354c64 rgb(53,76,100)
```
#2f4c6a
```
#2f4c6a rgb(47,76,106)
```
#294c70
```
#294c70 rgb(41,76,112)
```
#234c76
```
#234c76 rgb(35,76,118)
```
#1d4b7c
```
#1d4b7c rgb(29,75,124)
```
#184b81
```
#184b81 rgb(24,75,129)
```
#124b87
```
#124b87 rgb(18,75,135)
```
#0c4b8d
```
#0c4b8d rgb(12,75,141)
```
#064b93
```
#064b93 rgb(6,75,147)
```
#004b99
```
#004b99 rgb(0,75,153)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#44494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c526a Protanopia 1% of men
#4b526d Deuteranopia 1% of men
#3a575e Tritanopia 0.001% of the population

Trichromacy

#445067 Protanomaly 1% of men, 0.01% of women
#435069 Deuteranomaly 6% of men, 0.4% of women
#385360 Tritanomaly 0.01% of the population

#354c64 hex color

#354c64 Color Information

#354c64 Color Conversion

Color Schemes with #354c64

Alternatives to #354c64

#354c64 Preview

Shades and Tints of #354c64

Tones of #354c64

Color Blindness Simulator