#355a71 hex color

In a RGB color space, hex #355a71 is composed of 20.8% red, 35.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 20.4% magenta, 0% yellow and 55.7% black. It has a hue angle of 203 degrees, a saturation of 36.1% and a lightness of 32.5%. #355a71 color hex could be obtained by blending #6ab4e2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 35
- B 44
RGB color chart
- C 53
- M 20
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #355a71 has RGB values of R:53, G:90, B:113 and CMYK values of C:0.53, M:0.2, Y:0, K:0.56. Its decimal value is 3496561.

Hex triplet	355a71	`#355a71`
RGB Decimal	53, 90, 113	`rgb(53,90,113)`
RGB Percent	20.8, 35.3, 44.3	`rgb(20.8%,35.3%,44.3%)`
CMYK	53, 20, 0, 56
HSL	203°, 36.1, 32.5	`hsl(203,36.1%,32.5%)`
HSV (or HSB)	203°, 53.1, 44.3
Web Safe	336666	`#336666`

CIE-LAB	36.482, -6.145, -17.171
XYZ	8.104, 9.261, 16.982
xyY	0.236, 0.27, 9.261
CIE-LCH	36.482, 18.237, 250.309
CIE-LUV	36.482, -16.167, -22.438
Hunter-Lab	30.432, -5.72, -11.784
Binary	00110101, 01011010, 01110001

#355a71
```
#355a71 rgb(53,90,113)
```
#714c35
```
#714c35 rgb(113,76,53)
```

Complementary Color

#35716a
```
#35716a rgb(53,113,106)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#353c71
```
#353c71 rgb(53,60,113)
```

Analogous Color

#716a35
```
#716a35 rgb(113,106,53)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#71353c
```
#71353c rgb(113,53,60)
```

Split Complementary Color

#5a7135
```
#5a7135 rgb(90,113,53)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#71355a
```
#71355a rgb(113,53,90)
```

Triadic Color

#35714c
```
#35714c rgb(53,113,76)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#71355a
```
#71355a rgb(113,53,90)
```
#714c35
```
#714c35 rgb(113,76,53)
```

Tetradic Color

#1d313d
```
#1d313d rgb(29,49,61)
```
#253e4e
```
#253e4e rgb(37,62,78)
```
#2d4c60
```
#2d4c60 rgb(45,76,96)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#3d6882
```
#3d6882 rgb(61,104,130)
```
#457694
```
#457694 rgb(69,118,148)
```
#4d83a5
```
#4d83a5 rgb(77,131,165)
```

Monochromatic Color

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

#356971
```
#356971 rgb(53,105,113)
```
#356471
```
#356471 rgb(53,100,113)
```
#355f71
```
#355f71 rgb(53,95,113)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#355571
```
#355571 rgb(53,85,113)
```
#355071
```
#355071 rgb(53,80,113)
```
#354b71
```
#354b71 rgb(53,75,113)
```

Similar Colors

Text with hexadecimal color #355a71

This text has a font color of #355a71.

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

#355a71 background color

This paragraph has a background color of #355a71.

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

#355a71 border color

This element has a border color of #355a71.

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

CSS codes

.text {color:#355a71;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091014
```
#091014 rgb(9,16,20)
```
#0f1a21
```
#0f1a21 rgb(15,26,33)
```
#16252e
```
#16252e rgb(22,37,46)
```
#1c2f3c
```
#1c2f3c rgb(28,47,60)
```
#223a49
```
#223a49 rgb(34,58,73)
```
#284556
```
#284556 rgb(40,69,86)
```
#2f4f64
```
#2f4f64 rgb(47,79,100)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#3b657e
```
#3b657e rgb(59,101,126)
```
#426f8c
```
#426f8c rgb(66,111,140)
```
#487a99
```
#487a99 rgb(72,122,153)
```
#4e85a6
```
#4e85a6 rgb(78,133,166)
```

Shade Color Variation

#588eb0
```
#588eb0 rgb(88,142,176)
```
#6597b7
```
#6597b7 rgb(101,151,183)
```
#72a0bd
```
#72a0bd rgb(114,160,189)
```
#80a9c3
```
#80a9c3 rgb(128,169,195)
```
#8db2ca
```
#8db2ca rgb(141,178,202)
```
#9abbd0
```
#9abbd0 rgb(154,187,208)
```
#a8c4d6
```
#a8c4d6 rgb(168,196,214)
```
#b5cddc
```
#b5cddc rgb(181,205,220)
```
#c2d6e3
```
#c2d6e3 rgb(194,214,227)
```
#d0dfe9
```
#d0dfe9 rgb(208,223,233)
```
#dde8ef
```
#dde8ef rgb(221,232,239)
```
#eaf1f5
```
#eaf1f5 rgb(234,241,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#4f5457
```
#4f5457 rgb(79,84,87)
```
#48565e
```
#48565e rgb(72,86,94)
```
#425764
```
#425764 rgb(66,87,100)
```
#3b596b
```
#3b596b rgb(59,89,107)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#2f5b77
```
#2f5b77 rgb(47,91,119)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#225e84
```
#225e84 rgb(34,94,132)
```
#1b608b
```
#1b608b rgb(27,96,139)
```
#156191
```
#156191 rgb(21,97,145)
```
#0f6397
```
#0f6397 rgb(15,99,151)
```
#08649e
```
#08649e rgb(8,100,158)
```
#0266a4
```
#0266a4 rgb(2,102,164)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c5458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585d75 Protanopia 1% of men
#575d7a Deuteranopia 1% of men
#3a646c Tritanopia 0.001% of the population

Trichromacy

#4b5c73 Protanomaly 1% of men, 0.01% of women
#4a5c76 Deuteranomaly 6% of men, 0.4% of women
#38606d Tritanomaly 0.01% of the population

#355a71 hex color

#355a71 Color Information

#355a71 Color Conversion

Color Schemes with #355a71

Alternatives to #355a71

#355a71 Preview

Shades and Tints of #355a71

Tones of #355a71

Color Blindness Simulator