#355e6d hex color

In a RGB color space, hex #355e6d is composed of 20.8% red, 36.9% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 13.8% magenta, 0% yellow and 57.3% black. It has a hue angle of 196.1 degrees, a saturation of 34.6% and a lightness of 31.8%. #355e6d color hex could be obtained by blending #6abcda with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 37
- B 43
RGB color chart
- C 51
- M 14
- Y 0
- K 57
CMYK color chart

● #355e6d color description : Very dark desaturated blue.

The hexadecimal color #355e6d has RGB values of R:53, G:94, B:109 and CMYK values of C:0.51, M:0.14, Y:0, K:0.57. Its decimal value is 3497581.

Hex triplet	355e6d	`#355e6d`
RGB Decimal	53, 94, 109	`rgb(53,94,109)`
RGB Percent	20.8, 36.9, 42.7	`rgb(20.8%,36.9%,42.7%)`
CMYK	51, 14, 0, 57
HSL	196.1°, 34.6, 31.8	`hsl(196.1,34.6%,31.8%)`
HSV (or HSB)	196.1°, 51.4, 42.7
Web Safe	336666	`#336666`

CIE-LAB	37.601, -9.83, -12.988
XYZ	8.231, 9.866, 15.938
xyY	0.242, 0.29, 9.866
CIE-LCH	37.601, 16.289, 232.879
CIE-LUV	37.601, -17.833, -16.201
Hunter-Lab	31.41, -8.194, -8.097
Binary	00110101, 01011110, 01101101

#355e6d
```
#355e6d rgb(53,94,109)
```
#6d4435
```
#6d4435 rgb(109,68,53)
```

Complementary Color

#356d60
```
#356d60 rgb(53,109,96)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#35426d
```
#35426d rgb(53,66,109)
```

Analogous Color

#6d6035
```
#6d6035 rgb(109,96,53)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#6d3542
```
#6d3542 rgb(109,53,66)
```

Split Complementary Color

#5e6d35
```
#5e6d35 rgb(94,109,53)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#6d355e
```
#6d355e rgb(109,53,94)
```

Triadic Color

#356d44
```
#356d44 rgb(53,109,68)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#6d355e
```
#6d355e rgb(109,53,94)
```
#6d4435
```
#6d4435 rgb(109,68,53)
```

Tetradic Color

#1c323a
```
#1c323a rgb(28,50,58)
```
#24404b
```
#24404b rgb(36,64,75)
```
#2d4f5c
```
#2d4f5c rgb(45,79,92)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#3d6d7e
```
#3d6d7e rgb(61,109,126)
```
#467c8f
```
#467c8f rgb(70,124,143)
```
#4e8aa0
```
#4e8aa0 rgb(78,138,160)
```

Monochromatic Color

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

#356c6d
```
#356c6d rgb(53,108,109)
```
#35676d
```
#35676d rgb(53,103,109)
```
#35636d
```
#35636d rgb(53,99,109)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#35596d
```
#35596d rgb(53,89,109)
```
#35556d
```
#35556d rgb(53,85,109)
```
#35506d
```
#35506d rgb(53,80,109)
```

Similar Colors

Text with hexadecimal color #355e6d

This text has a font color of #355e6d.

<span style="color:#355e6d;">Text here</span>

#355e6d background color

This paragraph has a background color of #355e6d.

<p style="background-color:#355e6d;">Content here</p>

#355e6d border color

This element has a border color of #355e6d.

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

CSS codes

.text {color:#355e6d;}

.background {background-color:#355e6d;}

.border {border:1px solid #355e6d;}

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

#020303
```
#020303 rgb(2,3,3)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e1a1e
```
#0e1a1e rgb(14,26,30)
```
#15252b
```
#15252b rgb(21,37,43)
```
#1b3038
```
#1b3038 rgb(27,48,56)
```
#223c45
```
#223c45 rgb(34,60,69)
```
#284753
```
#284753 rgb(40,71,83)
```
#2f5360
```
#2f5360 rgb(47,83,96)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#3b697a
```
#3b697a rgb(59,105,122)
```
#427587
```
#427587 rgb(66,117,135)
```
#488095
```
#488095 rgb(72,128,149)
```
#4f8ca2
```
#4f8ca2 rgb(79,140,162)
```

Shade Color Variation

#5796ad
```
#5796ad rgb(87,150,173)
```
#649eb4
```
#649eb4 rgb(100,158,180)
```
#71a7ba
```
#71a7ba rgb(113,167,186)
```
#7eafc0
```
#7eafc0 rgb(126,175,192)
```
#8cb7c7
```
#8cb7c7 rgb(140,183,199)
```
#99bfcd
```
#99bfcd rgb(153,191,205)
```
#a6c7d4
```
#a6c7d4 rgb(166,199,212)
```
#b3d0da
```
#b3d0da rgb(179,208,218)
```
#c0d8e1
```
#c0d8e1 rgb(192,216,225)
```
#cee0e7
```
#cee0e7 rgb(206,224,231)
```
#dbe8ed
```
#dbe8ed rgb(219,232,237)
```
#e8f1f4
```
#e8f1f4 rgb(232,241,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#4e5254
```
#4e5254 rgb(78,82,84)
```
#48555a
```
#48555a rgb(72,85,90)
```
#415861
```
#415861 rgb(65,88,97)
```
#3b5b67
```
#3b5b67 rgb(59,91,103)
```
#355e6d
```
#355e6d rgb(53,94,109)
```
#2f6173
```
#2f6173 rgb(47,97,115)
```
#296479
```
#296479 rgb(41,100,121)
```
#226780
```
#226780 rgb(34,103,128)
```
#1c6a86
```
#1c6a86 rgb(28,106,134)
```
#166c8c
```
#166c8c rgb(22,108,140)
```
#106f92
```
#106f92 rgb(16,111,146)
```
#097299
```
#097299 rgb(9,114,153)
```
#03759f
```
#03759f rgb(3,117,159)
```

Tone Color Variation

Below, you can see how #355e6d 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

#535353 Achromatopsia 0.005% of the population
#4d5558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6070 Protanopia 1% of men
#5e5f77 Deuteranopia 1% of men
#3d676e Tritanopia 0.001% of the population

Trichromacy

#4e5f6f Protanomaly 1% of men, 0.01% of women
#4f5e73 Deuteranomaly 6% of men, 0.4% of women
#3a636e Tritanomaly 0.01% of the population

#355e6d hex color

#355e6d Color Information

#355e6d Color Conversion

Color Schemes with #355e6d

Alternatives to #355e6d

#355e6d Preview

Shades and Tints of #355e6d

Tones of #355e6d

Color Blindness Simulator