#354d54 hex color

In a RGB color space, hex #354d54 is composed of 20.8% red, 30.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 36.9% cyan, 8.3% magenta, 0% yellow and 67.1% black. It has a hue angle of 193.5 degrees, a saturation of 22.6% and a lightness of 26.9%. #354d54 color hex could be obtained by blending #6a9aa8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 30
- B 33
RGB color chart
- C 37
- M 8
- Y 0
- K 67
CMYK color chart

● #354d54 color description : Very dark desaturated cyan.

The hexadecimal color #354d54 has RGB values of R:53, G:77, B:84 and CMYK values of C:0.37, M:0.08, Y:0, K:0.67. Its decimal value is 3493204.

Hex triplet	354d54	`#354d54`
RGB Decimal	53, 77, 84	`rgb(53,77,84)`
RGB Percent	20.8, 30.2, 32.9	`rgb(20.8%,30.2%,32.9%)`
CMYK	37, 8, 0, 67
HSL	193.5°, 22.6, 26.9	`hsl(193.5,22.6%,26.9%)`
HSV (or HSB)	193.5°, 36.9, 32.9
Web Safe	336666	`#336666`

CIE-LAB	31.124, -7.161, -7.08
XYZ	5.722, 6.704, 9.38
xyY	0.262, 0.307, 6.704
CIE-LCH	31.124, 10.07, 224.675
CIE-LUV	31.124, -11.159, -7.877
Hunter-Lab	25.893, -5.867, -3.352
Binary	00110101, 01001101, 01010100

#354d54
```
#354d54 rgb(53,77,84)
```
#543c35
```
#543c35 rgb(84,60,53)
```

Complementary Color

#35544c
```
#35544c rgb(53,84,76)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#353e54
```
#353e54 rgb(53,62,84)
```

Analogous Color

#544c35
```
#544c35 rgb(84,76,53)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#54353e
```
#54353e rgb(84,53,62)
```

Split Complementary Color

#4d5435
```
#4d5435 rgb(77,84,53)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#54354d
```
#54354d rgb(84,53,77)
```

Triadic Color

#35543c
```
#35543c rgb(53,84,60)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#54354d
```
#54354d rgb(84,53,77)
```
#543c35
```
#543c35 rgb(84,60,53)
```

Tetradic Color

#172225
```
#172225 rgb(23,34,37)
```
#213035
```
#213035 rgb(33,48,53)
```
#2b3f44
```
#2b3f44 rgb(43,63,68)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#3f5b64
```
#3f5b64 rgb(63,91,100)
```
#496a73
```
#496a73 rgb(73,106,115)
```
#537883
```
#537883 rgb(83,120,131)
```

Monochromatic Color

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

#355453
```
#355453 rgb(53,84,83)
```
#355254
```
#355254 rgb(53,82,84)
```
#355054
```
#355054 rgb(53,80,84)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#354854
```
#354854 rgb(53,72,84)
```
#354554
```
#354554 rgb(53,69,84)
```

Similar Colors

Text with hexadecimal color #354d54

This text has a font color of #354d54.

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

#354d54 background color

This paragraph has a background color of #354d54.

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

#354d54 border color

This element has a border color of #354d54.

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

CSS codes

.text {color:#354d54;}

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

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

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, #070b0c is the darkest color, while #ffffff is the lightest one.

#070b0c
```
#070b0c rgb(7,11,12)
```
#0f1618
```
#0f1618 rgb(15,22,24)
```
#172124
```
#172124 rgb(23,33,36)
```
#1e2c30
```
#1e2c30 rgb(30,44,48)
```
#26373c
```
#26373c rgb(38,55,60)
```
#2d4248
```
#2d4248 rgb(45,66,72)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#3d5860
```
#3d5860 rgb(61,88,96)
```
#44636c
```
#44636c rgb(68,99,108)
```
#4c6e78
```
#4c6e78 rgb(76,110,120)
```
#537984
```
#537984 rgb(83,121,132)
```
#5b8490
```
#5b8490 rgb(91,132,144)
```
#638f9c
```
#638f9c rgb(99,143,156)
```

Shade Color Variation

#6e98a4
```
#6e98a4 rgb(110,152,164)
```
#7ba0ab
```
#7ba0ab rgb(123,160,171)
```
#87a9b3
```
#87a9b3 rgb(135,169,179)
```
#93b2bb
```
#93b2bb rgb(147,178,187)
```
#9fbac2
```
#9fbac2 rgb(159,186,194)
```
#abc3ca
```
#abc3ca rgb(171,195,202)
```
#b7cbd1
```
#b7cbd1 rgb(183,203,209)
```
#c3d4d9
```
#c3d4d9 rgb(195,212,217)
```
#cfdde1
```
#cfdde1 rgb(207,221,225)
```
#dbe5e8
```
#dbe5e8 rgb(219,229,232)
```
#e7eef0
```
#e7eef0 rgb(231,238,240)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#404749
```
#404749 rgb(64,71,73)
```
#3a4a4f
```
#3a4a4f rgb(58,74,79)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#305059
```
#305059 rgb(48,80,89)
```
#2a535f
```
#2a535f rgb(42,83,95)
```
#255664
```
#255664 rgb(37,86,100)
```
#205969
```
#205969 rgb(32,89,105)
```
#1b5b6e
```
#1b5b6e rgb(27,91,110)
```
#155e74
```
#155e74 rgb(21,94,116)
```
#106179
```
#106179 rgb(16,97,121)
```
#0b647e
```
#0b647e rgb(11,100,126)
```
#066783
```
#066783 rgb(6,103,131)
```
#006a89
```
#006a89 rgb(0,106,137)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43484a Atypical Achromatopsia 0.001% of the population

Dichromacy

#51525a Protanopia 1% of men
#54505e Deuteranopia 1% of men
#3f565c Tritanopia 0.001% of the population

Trichromacy

#475058 Protanomaly 1% of men, 0.01% of women
#484f5a Deuteranomaly 6% of men, 0.4% of women
#3b5259 Tritanomaly 0.01% of the population

#354d54 hex color

#354d54 Color Information

#354d54 Color Conversion

Color Schemes with #354d54

Alternatives to #354d54

#354d54 Preview

Shades and Tints of #354d54

Tones of #354d54

Color Blindness Simulator