colorhexa.com

#355581 hex color

In a RGB color space, hex #355581 is composed of 20.8% red, 33.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 34.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 214.7 degrees, a saturation of 41.8% and a lightness of 35.7%. #355581 color hex could be obtained by blending #6aaaff with #000003. Closest websafe color is: #336699.

- R 21
- G 33
- B 51
RGB color chart
- C 59
- M 34
- Y 0
- K 49
CMYK color chart

● #355581 color description : Dark moderate blue.

The hexadecimal color #355581 has RGB values of R:53, G:85, B:129 and CMYK values of C:0.59, M:0.34, Y:0, K:0.49. Its decimal value is 3495297.

Hex triplet	355581	`#355581`
RGB Decimal	53, 85, 129	`rgb(53,85,129)`
RGB Percent	20.8, 33.3, 50.6	`rgb(20.8%,33.3%,50.6%)`
CMYK	59, 34, 0, 49
HSL	214.7°, 41.8, 35.7	`hsl(214.7,41.8%,35.7%)`
HSV (or HSB)	214.7°, 58.9, 50.6
Web Safe	336699	`#336699`

CIE-LAB	35.671, 2.427, -28.3
XYZ	8.678, 8.838, 22.016
xyY	0.22, 0.224, 8.838
CIE-LCH	35.671, 28.404, 274.902
CIE-LUV	35.671, -14.092, -39.241
Hunter-Lab	29.729, 0.079, -23.097
Binary	00110101, 01010101, 10000001

#355581
```
#355581 rgb(53,85,129)
```
#816135
```
#816135 rgb(129,97,53)
```

Complementary Color

#357b81
```
#357b81 rgb(53,123,129)
```
#355581
```
#355581 rgb(53,85,129)
```
#3b3581
```
#3b3581 rgb(59,53,129)
```

Analogous Color

#7b8135
```
#7b8135 rgb(123,129,53)
```
#355581
```
#355581 rgb(53,85,129)
```
#813b35
```
#813b35 rgb(129,59,53)
```

Split Complementary Color

#558135
```
#558135 rgb(85,129,53)
```
#355581
```
#355581 rgb(53,85,129)
```
#813555
```
#813555 rgb(129,53,85)
```

Triadic Color

#1f314b
```
#1f314b rgb(31,49,75)
```
#263d5d
```
#263d5d rgb(38,61,93)
```
#2e496f
```
#2e496f rgb(46,73,111)
```
#355581
```
#355581 rgb(53,85,129)
```
#3c6193
```
#3c6193 rgb(60,97,147)
```
#446da5
```
#446da5 rgb(68,109,165)
```
#4d79b6
```
#4d79b6 rgb(77,121,182)
```

Monochromatic Color

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

#356881
```
#356881 rgb(53,104,129)
```
#356281
```
#356281 rgb(53,98,129)
```
#355b81
```
#355b81 rgb(53,91,129)
```
#355581
```
#355581 rgb(53,85,129)
```
#354f81
```
#354f81 rgb(53,79,129)
```
#354881
```
#354881 rgb(53,72,129)
```
#354281
```
#354281 rgb(53,66,129)
```

Similar Colors

Text with hexadecimal color #355581

This text has a font color of #355581.

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

#355581 background color

This paragraph has a background color of #355581.

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

#355581 border color

This element has a border color of #355581.

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

CSS codes

.text {color:#355581;}

.background {background-color:#355581;}

.border {border:1px solid #355581;}

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

#020304
```
#020304 rgb(2,3,4)
```
#070c12
```
#070c12 rgb(7,12,18)
```
#0d1520
```
#0d1520 rgb(13,21,32)
```
#131e2e
```
#131e2e rgb(19,30,46)
```
#18273b
```
#18273b rgb(24,39,59)
```
#1e3049
```
#1e3049 rgb(30,48,73)
```
#243a57
```
#243a57 rgb(36,58,87)
```
#2a4365
```
#2a4365 rgb(42,67,101)
```
#2f4c73
```
#2f4c73 rgb(47,76,115)
```
#355581
```
#355581 rgb(53,85,129)
```
#3b5e8f
```
#3b5e8f rgb(59,94,143)
```
#40679d
```
#40679d rgb(64,103,157)
```
#4670ab
```
#4670ab rgb(70,112,171)
```

Shade Color Variation

#4e7ab6
```
#4e7ab6 rgb(78,122,182)
```
#5c84bc
```
#5c84bc rgb(92,132,188)
```
#6a8fc2
```
#6a8fc2 rgb(106,143,194)
```
#7899c7
```
#7899c7 rgb(120,153,199)
```
#86a4cd
```
#86a4cd rgb(134,164,205)
```
#94aed3
```
#94aed3 rgb(148,174,211)
```
#a2b9d9
```
#a2b9d9 rgb(162,185,217)
```
#afc3de
```
#afc3de rgb(175,195,222)
```
#bdcee4
```
#bdcee4 rgb(189,206,228)
```
#cbd8ea
```
#cbd8ea rgb(203,216,234)
```
#d9e3ef
```
#d9e3ef rgb(217,227,239)
```
#e7edf5
```
#e7edf5 rgb(231,237,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585b5e is the less saturated color, while #044db2 is the most saturated one.

#585b5e
```
#585b5e rgb(88,91,94)
```
#515965
```
#515965 rgb(81,89,101)
```
#4a586c
```
#4a586c rgb(74,88,108)
```
#435773
```
#435773 rgb(67,87,115)
```
#3c567a
```
#3c567a rgb(60,86,122)
```
#355581
```
#355581 rgb(53,85,129)
```
#2e5488
```
#2e5488 rgb(46,84,136)
```
#27538f
```
#27538f rgb(39,83,143)
```
#205296
```
#205296 rgb(32,82,150)
```
#19519d
```
#19519d rgb(25,81,157)
```
#124fa4
```
#124fa4 rgb(18,79,164)
```
#0b4eab
```
#0b4eab rgb(11,78,171)
```
#044db2
```
#044db2 rgb(4,77,178)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4b515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5b85 Protanopia 1% of men
#455c88 Deuteranopia 1% of men
#30636b Tritanopia 0.001% of the population

Trichromacy

#445984 Protanomaly 1% of men, 0.01% of women
#3f5985 Deuteranomaly 6% of men, 0.4% of women
#325e73 Tritanomaly 0.01% of the population