#355b76 hex color

In a RGB color space, hex #355b76 is composed of 20.8% red, 35.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 22.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 204.9 degrees, a saturation of 38% and a lightness of 33.5%. #355b76 color hex could be obtained by blending #6ab6ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 36
- B 46
RGB color chart
- C 55
- M 23
- Y 0
- K 54
CMYK color chart

● #355b76 color description : Dark moderate blue.

The hexadecimal color #355b76 has RGB values of R:53, G:91, B:118 and CMYK values of C:0.55, M:0.23, Y:0, K:0.54. Its decimal value is 3496822.

Hex triplet	355b76	`#355b76`
RGB Decimal	53, 91, 118	`rgb(53,91,118)`
RGB Percent	20.8, 35.7, 46.3	`rgb(20.8%,35.7%,46.3%)`
CMYK	55, 23, 0, 54
HSL	204.9°, 38, 33.5	`hsl(204.9,38%,33.5%)`
HSV (or HSB)	204.9°, 55.1, 46.3
Web Safe	336666	`#336666`

CIE-LAB	37.016, -5.11, -19.435
XYZ	8.479, 9.547, 18.534
xyY	0.232, 0.261, 9.547
CIE-LCH	37.016, 20.095, 255.268
CIE-LUV	37.016, -16.469, -25.903
Hunter-Lab	30.898, -5.089, -13.938
Binary	00110101, 01011011, 01110110

#355b76
```
#355b76 rgb(53,91,118)
```
#765035
```
#765035 rgb(118,80,53)
```

Complementary Color

#357671
```
#357671 rgb(53,118,113)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#353b76
```
#353b76 rgb(53,59,118)
```

Analogous Color

#767135
```
#767135 rgb(118,113,53)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#76353b
```
#76353b rgb(118,53,59)
```

Split Complementary Color

#5b7635
```
#5b7635 rgb(91,118,53)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#76355b
```
#76355b rgb(118,53,91)
```

Triadic Color

#357650
```
#357650 rgb(53,118,80)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#76355b
```
#76355b rgb(118,53,91)
```
#765035
```
#765035 rgb(118,80,53)
```

Tetradic Color

#1d3241
```
#1d3241 rgb(29,50,65)
```
#254053
```
#254053 rgb(37,64,83)
```
#2d4d64
```
#2d4d64 rgb(45,77,100)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#3d6988
```
#3d6988 rgb(61,105,136)
```
#457699
```
#457699 rgb(69,118,153)
```
#4d84ab
```
#4d84ab rgb(77,132,171)
```

Monochromatic Color

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

#356b76
```
#356b76 rgb(53,107,118)
```
#356676
```
#356676 rgb(53,102,118)
```
#356076
```
#356076 rgb(53,96,118)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#355676
```
#355676 rgb(53,86,118)
```
#355076
```
#355076 rgb(53,80,118)
```
#354b76
```
#354b76 rgb(53,75,118)
```

Similar Colors

Text with hexadecimal color #355b76

This text has a font color of #355b76.

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

#355b76 background color

This paragraph has a background color of #355b76.

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

#355b76 border color

This element has a border color of #355b76.

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

CSS codes

.text {color:#355b76;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a1217
```
#0a1217 rgb(10,18,23)
```
#111c25
```
#111c25 rgb(17,28,37)
```
#172732
```
#172732 rgb(23,39,50)
```
#1d3140
```
#1d3140 rgb(29,49,64)
```
#233c4d
```
#233c4d rgb(35,60,77)
```
#29465b
```
#29465b rgb(41,70,91)
```
#2f5168
```
#2f5168 rgb(47,81,104)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#3b6584
```
#3b6584 rgb(59,101,132)
```
#417091
```
#417091 rgb(65,112,145)
```
#477a9f
```
#477a9f rgb(71,122,159)
```
#4d85ac
```
#4d85ac rgb(77,133,172)
```

Shade Color Variation

#598eb4
```
#598eb4 rgb(89,142,180)
```
#6697ba
```
#6697ba rgb(102,151,186)
```
#74a1c0
```
#74a1c0 rgb(116,161,192)
```
#81aac7
```
#81aac7 rgb(129,170,199)
```
#8fb3cd
```
#8fb3cd rgb(143,179,205)
```
#9cbcd3
```
#9cbcd3 rgb(156,188,211)
```
#aac5d9
```
#aac5d9 rgb(170,197,217)
```
#b7cfdf
```
#b7cfdf rgb(183,207,223)
```
#c5d8e5
```
#c5d8e5 rgb(197,216,229)
```
#d3e1eb
```
#d3e1eb rgb(211,225,235)
```
#e0eaf1
```
#e0eaf1 rgb(224,234,241)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#4f575c
```
#4f575c rgb(79,87,92)
```
#495862
```
#495862 rgb(73,88,98)
```
#425969
```
#425969 rgb(66,89,105)
```
#3c5a6f
```
#3c5a6f rgb(60,90,111)
```
#355b76
```
#355b76 rgb(53,91,118)
```
#2e5c7d
```
#2e5c7d rgb(46,92,125)
```
#285d83
```
#285d83 rgb(40,93,131)
```
#215e8a
```
#215e8a rgb(33,94,138)
```
#1b5f90
```
#1b5f90 rgb(27,95,144)
```
#146197
```
#146197 rgb(20,97,151)
```
#0e629d
```
#0e629d rgb(14,98,157)
```
#0763a4
```
#0763a4 rgb(7,99,164)
```
#0064ab
```
#0064ab rgb(0,100,171)
```

Tone Color Variation

Below, you can see how #355b76 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
#4d555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#585e79 Protanopia 1% of men
#555e7f Deuteranopia 1% of men
#38666d Tritanopia 0.001% of the population

Trichromacy

#4b5d78 Protanomaly 1% of men, 0.01% of women
#495d7b Deuteranomaly 6% of men, 0.4% of women
#376270 Tritanomaly 0.01% of the population

#355b76 hex color

#355b76 Color Information

#355b76 Color Conversion

Color Schemes with #355b76

Alternatives to #355b76

#355b76 Preview

Shades and Tints of #355b76

Tones of #355b76

Color Blindness Simulator