#354a54 hex color

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

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

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

The hexadecimal color #354a54 has RGB values of R:53, G:74, B:84 and CMYK values of C:0.37, M:0.12, Y:0, K:0.67. Its decimal value is 3492436.

Hex triplet	354a54	`#354a54`
RGB Decimal	53, 74, 84	`rgb(53,74,84)`
RGB Percent	20.8, 29, 32.9	`rgb(20.8%,29%,32.9%)`
CMYK	37, 12, 0, 67
HSL	199.4°, 22.6, 26.9	`hsl(199.4,22.6%,26.9%)`
HSV (or HSB)	199.4°, 36.9, 32.9
Web Safe	333366	`#333366`

CIE-LAB	30.143, -5.301, -8.557
XYZ	5.517, 6.294, 9.311
xyY	0.261, 0.298, 6.294
CIE-LCH	30.143, 10.066, 238.221
CIE-LUV	30.143, -9.897, -9.915
Hunter-Lab	25.088, -4.654, -4.443
Binary	00110101, 01001010, 01010100

#354a54
```
#354a54 rgb(53,74,84)
```
#543f35
```
#543f35 rgb(84,63,53)
```

Complementary Color

#35544f
```
#35544f rgb(53,84,79)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#353b54
```
#353b54 rgb(53,59,84)
```

Analogous Color

#544f35
```
#544f35 rgb(84,79,53)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#54353b
```
#54353b rgb(84,53,59)
```

Split Complementary Color

#4a5435
```
#4a5435 rgb(74,84,53)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#54354a
```
#54354a rgb(84,53,74)
```

Triadic Color

#35543f
```
#35543f rgb(53,84,63)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#54354a
```
#54354a rgb(84,53,74)
```
#543f35
```
#543f35 rgb(84,63,53)
```

Tetradic Color

#172125
```
#172125 rgb(23,33,37)
```
#212e35
```
#212e35 rgb(33,46,53)
```
#2b3c44
```
#2b3c44 rgb(43,60,68)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#3f5864
```
#3f5864 rgb(63,88,100)
```
#496673
```
#496673 rgb(73,102,115)
```
#537383
```
#537383 rgb(83,115,131)
```

Monochromatic Color

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

#355254
```
#355254 rgb(53,82,84)
```
#354f54
```
#354f54 rgb(53,79,84)
```
#354d54
```
#354d54 rgb(53,77,84)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#354754
```
#354754 rgb(53,71,84)
```
#354554
```
#354554 rgb(53,69,84)
```
#354254
```
#354254 rgb(53,66,84)
```

Similar Colors

Text with hexadecimal color #354a54

This text has a font color of #354a54.

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

#354a54 background color

This paragraph has a background color of #354a54.

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

#354a54 border color

This element has a border color of #354a54.

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

CSS codes

.text {color:#354a54;}

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

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

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

#070a0c
```
#070a0c rgb(7,10,12)
```
#0f1518
```
#0f1518 rgb(15,21,24)
```
#172024
```
#172024 rgb(23,32,36)
```
#1e2a30
```
#1e2a30 rgb(30,42,48)
```
#26353c
```
#26353c rgb(38,53,60)
```
#2d3f48
```
#2d3f48 rgb(45,63,72)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#3d5560
```
#3d5560 rgb(61,85,96)
```
#445f6c
```
#445f6c rgb(68,95,108)
```
#4c6a78
```
#4c6a78 rgb(76,106,120)
```
#537484
```
#537484 rgb(83,116,132)
```
#5b7f90
```
#5b7f90 rgb(91,127,144)
```
#638a9c
```
#638a9c rgb(99,138,156)
```

Shade Color Variation

#6e93a4
```
#6e93a4 rgb(110,147,164)
```
#7b9cab
```
#7b9cab rgb(123,156,171)
```
#87a5b3
```
#87a5b3 rgb(135,165,179)
```
#93aebb
```
#93aebb rgb(147,174,187)
```
#9fb7c2
```
#9fb7c2 rgb(159,183,194)
```
#abc0ca
```
#abc0ca rgb(171,192,202)
```
#b7c9d1
```
#b7c9d1 rgb(183,201,209)
```
#c3d2d9
```
#c3d2d9 rgb(195,210,217)
```
#cfdbe1
```
#cfdbe1 rgb(207,219,225)
```
#dbe4e8
```
#dbe4e8 rgb(219,228,232)
```
#e7edf0
```
#e7edf0 rgb(231,237,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, #404649 is the less saturated color, while #005d89 is the most saturated one.

#404649
```
#404649 rgb(64,70,73)
```
#3a484f
```
#3a484f rgb(58,72,79)
```
#354a54
```
#354a54 rgb(53,74,84)
```
#304c59
```
#304c59 rgb(48,76,89)
```
#2a4e5f
```
#2a4e5f rgb(42,78,95)
```
#255064
```
#255064 rgb(37,80,100)
```
#205169
```
#205169 rgb(32,81,105)
```
#1b536e
```
#1b536e rgb(27,83,110)
```
#155574
```
#155574 rgb(21,85,116)
```
#105779
```
#105779 rgb(16,87,121)
```
#0b597e
```
#0b597e rgb(11,89,126)
```
#065b83
```
#065b83 rgb(6,91,131)
```
#005d89
```
#005d89 rgb(0,93,137)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#424648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4f5a Protanopia 1% of men
#504e5e Deuteranopia 1% of men
#3e535a Tritanopia 0.001% of the population

Trichromacy

#454d58 Protanomaly 1% of men, 0.01% of women
#464d5a Deuteranomaly 6% of men, 0.4% of women
#3b5057 Tritanomaly 0.01% of the population

#354a54 hex color

#354a54 Color Information

#354a54 Color Conversion

Color Schemes with #354a54

Alternatives to #354a54

#354a54 Preview

Shades and Tints of #354a54

Tones of #354a54

Color Blindness Simulator