#3a5a73 hex color

In a RGB color space, hex #3a5a73 is composed of 22.7% red, 35.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 21.7% magenta, 0% yellow and 54.9% black. It has a hue angle of 206.3 degrees, a saturation of 32.9% and a lightness of 33.9%. #3a5a73 color hex could be obtained by blending #74b4e6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 35
- B 45
RGB color chart
- C 50
- M 22
- Y 0
- K 55
CMYK color chart

● #3a5a73 color description : Dark moderate blue.

The hexadecimal color #3a5a73 has RGB values of R:58, G:90, B:115 and CMYK values of C:0.5, M:0.22, Y:0, K:0.55. Its decimal value is 3824243.

Hex triplet	3a5a73	`#3a5a73`
RGB Decimal	58, 90, 115	`rgb(58,90,115)`
RGB Percent	22.7, 35.3, 45.1	`rgb(22.7%,35.3%,45.1%)`
CMYK	50, 22, 0, 55
HSL	206.3°, 32.9, 33.9	`hsl(206.3,32.9%,33.9%)`
HSV (or HSB)	206.3°, 49.6, 45.1
Web Safe	336666	`#336666`

CIE-LAB	36.835, -4.187, -17.841
XYZ	8.495, 9.449, 17.595
xyY	0.239, 0.266, 9.449
CIE-LCH	36.835, 18.326, 256.792
CIE-LUV	36.835, -14.59, -23.676
Hunter-Lab	30.74, -4.466, -12.419
Binary	00111010, 01011010, 01110011

#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#73533a
```
#73533a rgb(115,83,58)
```

Complementary Color

#3a7370
```
#3a7370 rgb(58,115,112)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#3a3e73
```
#3a3e73 rgb(58,62,115)
```

Analogous Color

#73703a
```
#73703a rgb(115,112,58)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#733a3e
```
#733a3e rgb(115,58,62)
```

Split Complementary Color

#5a733a
```
#5a733a rgb(90,115,58)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#733a5a
```
#733a5a rgb(115,58,90)
```

Triadic Color

#3a7353
```
#3a7353 rgb(58,115,83)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#733a5a
```
#733a5a rgb(115,58,90)
```
#73533a
```
#73533a rgb(115,83,58)
```

Tetradic Color

#203240
```
#203240 rgb(32,50,64)
```
#293f51
```
#293f51 rgb(41,63,81)
```
#314d62
```
#314d62 rgb(49,77,98)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#436784
```
#436784 rgb(67,103,132)
```
#4b7595
```
#4b7595 rgb(75,117,149)
```
#5482a6
```
#5482a6 rgb(84,130,166)
```

Monochromatic Color

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

#3a6873
```
#3a6873 rgb(58,104,115)
```
#3a6473
```
#3a6473 rgb(58,100,115)
```
#3a5f73
```
#3a5f73 rgb(58,95,115)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#3a5573
```
#3a5573 rgb(58,85,115)
```
#3a5173
```
#3a5173 rgb(58,81,115)
```
#3a4c73
```
#3a4c73 rgb(58,76,115)
```

Similar Colors

Text with hexadecimal color #3a5a73

This text has a font color of #3a5a73.

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

#3a5a73 background color

This paragraph has a background color of #3a5a73.

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

#3a5a73 border color

This element has a border color of #3a5a73.

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

CSS codes

.text {color:#3a5a73;}

.background {background-color:#3a5a73;}

.border {border:1px solid #3a5a73;}

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, #05080b is the darkest color, while #fdfdfe is the lightest one.

#05080b
```
#05080b rgb(5,8,11)
```
#0c1318
```
#0c1318 rgb(12,19,24)
```
#131d25
```
#131d25 rgb(19,29,37)
```
#192732
```
#192732 rgb(25,39,50)
```
#20313f
```
#20313f rgb(32,49,63)
```
#263b4c
```
#263b4c rgb(38,59,76)
```
#2d4659
```
#2d4659 rgb(45,70,89)
```
#335066
```
#335066 rgb(51,80,102)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#416480
```
#416480 rgb(65,100,128)
```
#476e8d
```
#476e8d rgb(71,110,141)
```
#4e799a
```
#4e799a rgb(78,121,154)
```
#5483a7
```
#5483a7 rgb(84,131,167)
```

Shade Color Variation

#608caf
```
#608caf rgb(96,140,175)
```
#6d96b5
```
#6d96b5 rgb(109,150,181)
```
#7a9fbc
```
#7a9fbc rgb(122,159,188)
```
#87a9c3
```
#87a9c3 rgb(135,169,195)
```
#94b2c9
```
#94b2c9 rgb(148,178,201)
```
#a1bbd0
```
#a1bbd0 rgb(161,187,208)
```
#aec5d6
```
#aec5d6 rgb(174,197,214)
```
#bbcedd
```
#bbcedd rgb(187,206,221)
```
#c8d8e4
```
#c8d8e4 rgb(200,216,228)
```
#d6e1ea
```
#d6e1ea rgb(214,225,234)
```
#e3eaf1
```
#e3eaf1 rgb(227,234,241)
```
#f0f4f7
```
#f0f4f7 rgb(240,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555758 is the less saturated color, while #0561a8 is the most saturated one.

#555758
```
#555758 rgb(85,87,88)
```
#4e585f
```
#4e585f rgb(78,88,95)
```
#475866
```
#475866 rgb(71,88,102)
```
#41596c
```
#41596c rgb(65,89,108)
```
#3a5a73
```
#3a5a73 rgb(58,90,115)
```
#335b7a
```
#335b7a rgb(51,91,122)
```
#2d5c80
```
#2d5c80 rgb(45,92,128)
```
#265c87
```
#265c87 rgb(38,92,135)
```
#1f5d8e
```
#1f5d8e rgb(31,93,142)
```
#195e94
```
#195e94 rgb(25,94,148)
```
#125f9b
```
#125f9b rgb(18,95,155)
```
#0b60a2
```
#0b60a2 rgb(11,96,162)
```
#0561a8
```
#0561a8 rgb(5,97,168)
```

Tone Color Variation

Below, you can see how #3a5a73 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
#4e5459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585e77 Protanopia 1% of men
#575e7b Deuteranopia 1% of men
#3e656c Tritanopia 0.001% of the population

Trichromacy

#4d5c75 Protanomaly 1% of men, 0.01% of women
#4c5c78 Deuteranomaly 6% of men, 0.4% of women
#3d616e Tritanomaly 0.01% of the population

#3a5a73 hex color

#3a5a73 Color Information

#3a5a73 Color Conversion

Color Schemes with #3a5a73

Alternatives to #3a5a73

#3a5a73 Preview

Shades and Tints of #3a5a73

Tones of #3a5a73

Color Blindness Simulator