#354a46 hex color

In a RGB color space, hex #354a46 is composed of 20.8% red, 29% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 0% magenta, 5.4% yellow and 71% black. It has a hue angle of 168.6 degrees, a saturation of 16.5% and a lightness of 24.9%. #354a46 color hex could be obtained by blending #6a948c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 21
- G 29
- B 27
RGB color chart
- C 28
- M 0
- Y 5
- K 71
CMYK color chart

● #354a46 color description : Very dark grayish cyan.

The hexadecimal color #354a46 has RGB values of R:53, G:74, B:70 and CMYK values of C:0.28, M:0, Y:0.05, K:0.71. Its decimal value is 3492422.

Hex triplet	354a46	`#354a46`
RGB Decimal	53, 74, 70	`rgb(53,74,70)`
RGB Percent	20.8, 29, 27.5	`rgb(20.8%,29%,27.5%)`
CMYK	28, 0, 5, 71
HSL	168.6°, 16.5, 24.9	`hsl(168.6,16.5%,24.9%)`
HSV (or HSB)	168.6°, 28.4, 29
Web Safe	333333	`#333333`

CIE-LAB	29.655, -9.163, -0.268
XYZ	5.022, 6.096, 6.706
xyY	0.282, 0.342, 6.096
CIE-LCH	29.655, 9.167, 181.678
CIE-LUV	29.655, -9.843, 0.88
Hunter-Lab	24.691, -6.902, 1.18
Binary	00110101, 01001010, 01000110

#354a46
```
#354a46 rgb(53,74,70)
```
#4a3539
```
#4a3539 rgb(74,53,57)
```

Complementary Color

#354a3c
```
#354a3c rgb(53,74,60)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#35444a
```
#35444a rgb(53,68,74)
```

Analogous Color

#4a3c35
```
#4a3c35 rgb(74,60,53)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#4a3544
```
#4a3544 rgb(74,53,68)
```

Split Complementary Color

#4a4635
```
#4a4635 rgb(74,70,53)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#46354a
```
#46354a rgb(70,53,74)
```

Triadic Color

#394a35
```
#394a35 rgb(57,74,53)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#46354a
```
#46354a rgb(70,53,74)
```
#4a3539
```
#4a3539 rgb(74,53,57)
```

Tetradic Color

#151d1c
```
#151d1c rgb(21,29,28)
```
#202c2a
```
#202c2a rgb(32,44,42)
```
#2a3b38
```
#2a3b38 rgb(42,59,56)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#405954
```
#405954 rgb(64,89,84)
```
#4a6862
```
#4a6862 rgb(74,104,98)
```
#557770
```
#557770 rgb(85,119,112)
```

Monochromatic Color

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

#354a41
```
#354a41 rgb(53,74,65)
```
#354a43
```
#354a43 rgb(53,74,67)
```
#354a44
```
#354a44 rgb(53,74,68)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#354a48
```
#354a48 rgb(53,74,72)
```
#354a4a
```
#354a4a rgb(53,74,74)
```
#35494a
```
#35494a rgb(53,73,74)
```

Similar Colors

Text with hexadecimal color #354a46

This text has a font color of #354a46.

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

#354a46 background color

This paragraph has a background color of #354a46.

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

#354a46 border color

This element has a border color of #354a46.

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

CSS codes

.text {color:#354a46;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c1110
```
#0c1110 rgb(12,17,16)
```
#141c1b
```
#141c1b rgb(20,28,27)
```
#1c2826
```
#1c2826 rgb(28,40,38)
```
#253330
```
#253330 rgb(37,51,48)
```
#2d3f3b
```
#2d3f3b rgb(45,63,59)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#3d5551
```
#3d5551 rgb(61,85,81)
```
#45615c
```
#45615c rgb(69,97,92)
```
#4e6c66
```
#4e6c66 rgb(78,108,102)
```
#567871
```
#567871 rgb(86,120,113)
```
#5e837c
```
#5e837c rgb(94,131,124)
```
#668f87
```
#668f87 rgb(102,143,135)
```

Shade Color Variation

#709891
```
#709891 rgb(112,152,145)
```
#7ba19a
```
#7ba19a rgb(123,161,154)
```
#87a9a2
```
#87a9a2 rgb(135,169,162)
```
#92b1ab
```
#92b1ab rgb(146,177,171)
```
#9eb9b4
```
#9eb9b4 rgb(158,185,180)
```
#a9c1bd
```
#a9c1bd rgb(169,193,189)
```
#b4cac6
```
#b4cac6 rgb(180,202,198)
```
#c0d2ce
```
#c0d2ce rgb(192,210,206)
```
#cbdad7
```
#cbdad7 rgb(203,218,215)
```
#d7e2e0
```
#d7e2e0 rgb(215,226,224)
```
#e2eae9
```
#e2eae9 rgb(226,234,233)
```
#eef3f2
```
#eef3f2 rgb(238,243,242)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4040 is the less saturated color, while #047b64 is the most saturated one.

#3f4040
```
#3f4040 rgb(63,64,64)
```
#3a4543
```
#3a4543 rgb(58,69,67)
```
#354a46
```
#354a46 rgb(53,74,70)
```
#304f49
```
#304f49 rgb(48,79,73)
```
#2b544c
```
#2b544c rgb(43,84,76)
```
#26594f
```
#26594f rgb(38,89,79)
```
#215e52
```
#215e52 rgb(33,94,82)
```
#1d6255
```
#1d6255 rgb(29,98,85)
```
#186758
```
#186758 rgb(24,103,88)
```
#136c5b
```
#136c5b rgb(19,108,91)
```
#0e715e
```
#0e715e rgb(14,113,94)
```
#097661
```
#097661 rgb(9,118,97)
```
#047b64
```
#047b64 rgb(4,123,100)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#404444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514f4d Protanopia 1% of men
#554d51 Deuteranopia 1% of men
#415258 Tritanopia 0.001% of the population

Trichromacy

#474d4a Protanomaly 1% of men, 0.01% of women
#494c4d Deuteranomaly 6% of men, 0.4% of women
#3d4f51 Tritanomaly 0.01% of the population

#354a46 hex color

#354a46 Color Information

#354a46 Color Conversion

Color Schemes with #354a46

Alternatives to #354a46

#354a46 Preview

Shades and Tints of #354a46

Tones of #354a46

Color Blindness Simulator