#354f5f hex color

In a RGB color space, hex #354f5f is composed of 20.8% red, 31% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 16.8% magenta, 0% yellow and 62.7% black. It has a hue angle of 202.9 degrees, a saturation of 28.4% and a lightness of 29%. #354f5f color hex could be obtained by blending #6a9ebe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 31
- B 37
RGB color chart
- C 44
- M 17
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #354f5f has RGB values of R:53, G:79, B:95 and CMYK values of C:0.44, M:0.17, Y:0, K:0.63. Its decimal value is 3493727.

Hex triplet	354f5f	`#354f5f`
RGB Decimal	53, 79, 95	`rgb(53,79,95)`
RGB Percent	20.8, 31, 37.3	`rgb(20.8%,31%,37.3%)`
CMYK	44, 17, 0, 63
HSL	202.9°, 28.4, 29	`hsl(202.9,28.4%,29%)`
HSV (or HSB)	202.9°, 44.2, 37.3
Web Safe	336666	`#336666`

CIE-LAB	32.202, -5.102, -12.455
XYZ	6.329, 7.175, 11.877
xyY	0.249, 0.283, 7.175
CIE-LCH	32.202, 13.46, 247.724
CIE-LUV	32.202, -11.968, -15.342
Hunter-Lab	26.786, -4.697, -7.54
Binary	00110101, 01001111, 01011111

#354f5f
```
#354f5f rgb(53,79,95)
```
#5f4535
```
#5f4535 rgb(95,69,53)
```

Complementary Color

#355f5a
```
#355f5a rgb(53,95,90)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#353a5f
```
#353a5f rgb(53,58,95)
```

Analogous Color

#5f5a35
```
#5f5a35 rgb(95,90,53)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#5f353a
```
#5f353a rgb(95,53,58)
```

Split Complementary Color

#4f5f35
```
#4f5f35 rgb(79,95,53)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#5f354f
```
#5f354f rgb(95,53,79)
```

Triadic Color

#355f45
```
#355f45 rgb(53,95,69)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#5f354f
```
#5f354f rgb(95,53,79)
```
#5f4535
```
#5f4535 rgb(95,69,53)
```

Tetradic Color

#1a262e
```
#1a262e rgb(26,38,46)
```
#23343e
```
#23343e rgb(35,52,62)
```
#2c414f
```
#2c414f rgb(44,65,79)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#3e5d6f
```
#3e5d6f rgb(62,93,111)
```
#476a80
```
#476a80 rgb(71,106,128)
```
#507890
```
#507890 rgb(80,120,144)
```

Monochromatic Color

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

#355a5f
```
#355a5f rgb(53,90,95)
```
#35565f
```
#35565f rgb(53,86,95)
```
#35535f
```
#35535f rgb(53,83,95)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#354c5f
```
#354c5f rgb(53,76,95)
```
#35485f
```
#35485f rgb(53,72,95)
```
#35455f
```
#35455f rgb(53,69,95)
```

Similar Colors

Text with hexadecimal color #354f5f

This text has a font color of #354f5f.

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

#354f5f background color

This paragraph has a background color of #354f5f.

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

#354f5f border color

This element has a border color of #354f5f.

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

CSS codes

.text {color:#354f5f;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0b1013
```
#0b1013 rgb(11,16,19)
```
#121b20
```
#121b20 rgb(18,27,32)
```
#19252d
```
#19252d rgb(25,37,45)
```
#203039
```
#203039 rgb(32,48,57)
```
#273a46
```
#273a46 rgb(39,58,70)
```
#2e4552
```
#2e4552 rgb(46,69,82)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#3c596c
```
#3c596c rgb(60,89,108)
```
#436478
```
#436478 rgb(67,100,120)
```
#4a6e85
```
#4a6e85 rgb(74,110,133)
```
#517991
```
#517991 rgb(81,121,145)
```
#58839e
```
#58839e rgb(88,131,158)
```

Shade Color Variation

#628da8
```
#628da8 rgb(98,141,168)
```
#6f96af
```
#6f96af rgb(111,150,175)
```
#7b9fb6
```
#7b9fb6 rgb(123,159,182)
```
#88a9bd
```
#88a9bd rgb(136,169,189)
```
#95b2c4
```
#95b2c4 rgb(149,178,196)
```
#a1bbcb
```
#a1bbcb rgb(161,187,203)
```
#aec4d2
```
#aec4d2 rgb(174,196,210)
```
#bacdd9
```
#bacdd9 rgb(186,205,217)
```
#c7d6e0
```
#c7d6e0 rgb(199,214,224)
```
#d3dfe7
```
#d3dfe7 rgb(211,223,231)
```
#e0e9ee
```
#e0e9ee rgb(224,233,238)
```
#edf2f5
```
#edf2f5 rgb(237,242,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464b4e is the less saturated color, while #025b92 is the most saturated one.

#464b4e
```
#464b4e rgb(70,75,78)
```
#404c54
```
#404c54 rgb(64,76,84)
```
#3b4e59
```
#3b4e59 rgb(59,78,89)
```
#354f5f
```
#354f5f rgb(53,79,95)
```
#2f5065
```
#2f5065 rgb(47,80,101)
```
#2a526a
```
#2a526a rgb(42,82,106)
```
#245370
```
#245370 rgb(36,83,112)
```
#1e5476
```
#1e5476 rgb(30,84,118)
```
#19567b
```
#19567b rgb(25,86,123)
```
#135781
```
#135781 rgb(19,87,129)
```
#0d5887
```
#0d5887 rgb(13,88,135)
```
#075a8d
```
#075a8d rgb(7,90,141)
```
#025b92
```
#025b92 rgb(2,91,146)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#454a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#515464 Protanopia 1% of men
#525369 Deuteranopia 1% of men
#3d595f Tritanopia 0.001% of the population

Trichromacy

#465262 Protanomaly 1% of men, 0.01% of women
#475165 Deuteranomaly 6% of men, 0.4% of women
#3a555f Tritanomaly 0.01% of the population

#354f5f hex color

#354f5f Color Information

#354f5f Color Conversion

Color Schemes with #354f5f

Alternatives to #354f5f

#354f5f Preview

Shades and Tints of #354f5f

Tones of #354f5f

Color Blindness Simulator