#354c66 hex color

In a RGB color space, hex #354c66 is composed of 20.8% red, 29.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 25.5% magenta, 0% yellow and 60% black. It has a hue angle of 211.8 degrees, a saturation of 31.6% and a lightness of 30.4%. #354c66 color hex could be obtained by blending #6a98cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 30
- B 40
RGB color chart
- C 48
- M 25
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #354c66 has RGB values of R:53, G:76, B:102 and CMYK values of C:0.48, M:0.25, Y:0, K:0.6. Its decimal value is 3492966.

Hex triplet	354c66	`#354c66`
RGB Decimal	53, 76, 102	`rgb(53,76,102)`
RGB Percent	20.8, 29.8, 40	`rgb(20.8%,29.8%,40%)`
CMYK	48, 25, 0, 60
HSL	211.8°, 31.6, 30.4	`hsl(211.8,31.6%,30.4%)`
HSV (or HSB)	211.8°, 48, 40
Web Safe	333366	`#333366`

CIE-LAB	31.543, -0.98, -17.902
XYZ	6.45, 6.885, 13.559
xyY	0.24, 0.256, 6.885
CIE-LCH	31.543, 17.929, 266.867
CIE-LUV	31.543, -10.779, -23.104
Hunter-Lab	26.239, -2.037, -12.27
Binary	00110101, 01001100, 01100110

#354c66
```
#354c66 rgb(53,76,102)
```
#664f35
```
#664f35 rgb(102,79,53)
```

Complementary Color

#356566
```
#356566 rgb(53,101,102)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#373566
```
#373566 rgb(55,53,102)
```

Analogous Color

#656635
```
#656635 rgb(101,102,53)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#663735
```
#663735 rgb(102,55,53)
```

Split Complementary Color

#4c6635
```
#4c6635 rgb(76,102,53)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#66354c
```
#66354c rgb(102,53,76)
```

Triadic Color

#35664f
```
#35664f rgb(53,102,79)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#66354c
```
#66354c rgb(102,53,76)
```
#664f35
```
#664f35 rgb(102,79,53)
```

Tetradic Color

#1b2634
```
#1b2634 rgb(27,38,52)
```
#243344
```
#243344 rgb(36,51,68)
```
#2c3f55
```
#2c3f55 rgb(44,63,85)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#3e5977
```
#3e5977 rgb(62,89,119)
```
#466588
```
#466588 rgb(70,101,136)
```
#4f7298
```
#4f7298 rgb(79,114,152)
```

Monochromatic Color

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

#355866
```
#355866 rgb(53,88,102)
```
#355466
```
#355466 rgb(53,84,102)
```
#355066
```
#355066 rgb(53,80,102)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#354866
```
#354866 rgb(53,72,102)
```
#354466
```
#354466 rgb(53,68,102)
```
#354066
```
#354066 rgb(53,64,102)
```

Similar Colors

Text with hexadecimal color #354c66

This text has a font color of #354c66.

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

#354c66 background color

This paragraph has a background color of #354c66.

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

#354c66 border color

This element has a border color of #354c66.

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

CSS codes

.text {color:#354c66;}

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

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

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, #06090c is the darkest color, while #fefefe is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0d1219
```
#0d1219 rgb(13,18,25)
```
#131c25
```
#131c25 rgb(19,28,37)
```
#1a2632
```
#1a2632 rgb(26,38,50)
```
#212f3f
```
#212f3f rgb(33,47,63)
```
#28394c
```
#28394c rgb(40,57,76)
```
#2e4259
```
#2e4259 rgb(46,66,89)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#3c5673
```
#3c5673 rgb(60,86,115)
```
#425f80
```
#425f80 rgb(66,95,128)
```
#49698d
```
#49698d rgb(73,105,141)
```
#50729a
```
#50729a rgb(80,114,154)
```
#577ca7
```
#577ca7 rgb(87,124,167)
```

Shade Color Variation

#6386ae
```
#6386ae rgb(99,134,174)
```
#7090b5
```
#7090b5 rgb(112,144,181)
```
#7d9abb
```
#7d9abb rgb(125,154,187)
```
#8aa4c2
```
#8aa4c2 rgb(138,164,194)
```
#96aec9
```
#96aec9 rgb(150,174,201)
```
#a3b8cf
```
#a3b8cf rgb(163,184,207)
```
#b0c2d6
```
#b0c2d6 rgb(176,194,214)
```
#bdccdd
```
#bdccdd rgb(189,204,221)
```
#cad6e4
```
#cad6e4 rgb(202,214,228)
```
#d7e0ea
```
#d7e0ea rgb(215,224,234)
```
#e4eaf1
```
#e4eaf1 rgb(228,234,241)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4d4d4e
```
#4d4d4e rgb(77,77,78)
```
#474d54
```
#474d54 rgb(71,77,84)
```
#414d5a
```
#414d5a rgb(65,77,90)
```
#3b4c60
```
#3b4c60 rgb(59,76,96)
```
#354c66
```
#354c66 rgb(53,76,102)
```
#2f4c6c
```
#2f4c6c rgb(47,76,108)
```
#294b72
```
#294b72 rgb(41,75,114)
```
#234b78
```
#234b78 rgb(35,75,120)
```
#1d4b7e
```
#1d4b7e rgb(29,75,126)
```
#174a84
```
#174a84 rgb(23,74,132)
```
#114a8a
```
#114a8a rgb(17,74,138)
```
#0b4990
```
#0b4990 rgb(11,73,144)
```
#054996
```
#054996 rgb(5,73,150)
```

Tone Color Variation

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

#4c526c Protanopia 1% of men
#4a526e Deuteranopia 1% of men
#39585e Tritanopia 0.001% of the population

Trichromacy

#435069 Protanomaly 1% of men, 0.01% of women
#42506b Deuteranomaly 6% of men, 0.4% of women
#385361 Tritanomaly 0.01% of the population

#354c66 hex color

#354c66 Color Information

#354c66 Color Conversion

Color Schemes with #354c66

Alternatives to #354c66

#354c66 Preview

Shades and Tints of #354c66

Tones of #354c66

Color Blindness Simulator