#3a5a72 hex color

In a RGB color space, hex #3a5a72 is composed of 22.7% red, 35.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 21.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 205.7 degrees, a saturation of 32.6% and a lightness of 33.7%. #3a5a72 color hex could be obtained by blending #74b4e4 with #000000. Closest websafe color is: #336666.

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

● #3a5a72 color description : Very dark desaturated blue.

The hexadecimal color #3a5a72 has RGB values of R:58, G:90, B:114 and CMYK values of C:0.49, M:0.21, Y:0, K:0.55. Its decimal value is 3824242.

Hex triplet	3a5a72	`#3a5a72`
RGB Decimal	58, 90, 114	`rgb(58,90,114)`
RGB Percent	22.7, 35.3, 44.7	`rgb(22.7%,35.3%,44.7%)`
CMYK	49, 21, 0, 55
HSL	205.7°, 32.6, 33.7	`hsl(205.7,32.6%,33.7%)`
HSV (or HSB)	205.7°, 49.1, 44.7
Web Safe	336666	`#336666`

CIE-LAB	36.793, -4.506, -17.289
XYZ	8.438, 9.426, 17.294
xyY	0.24, 0.268, 9.426
CIE-LCH	36.793, 17.867, 255.391
CIE-LUV	36.793, -14.598, -22.841
Hunter-Lab	30.702, -4.674, -11.904
Binary	00111010, 01011010, 01110010

#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#72523a
```
#72523a rgb(114,82,58)
```

Complementary Color

#3a726e
```
#3a726e rgb(58,114,110)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#3a3e72
```
#3a3e72 rgb(58,62,114)
```

Analogous Color

#726e3a
```
#726e3a rgb(114,110,58)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#723a3e
```
#723a3e rgb(114,58,62)
```

Split Complementary Color

#5a723a
```
#5a723a rgb(90,114,58)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#723a5a
```
#723a5a rgb(114,58,90)
```

Triadic Color

#3a7252
```
#3a7252 rgb(58,114,82)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#723a5a
```
#723a5a rgb(114,58,90)
```
#72523a
```
#72523a rgb(114,82,58)
```

Tetradic Color

#20323f
```
#20323f rgb(32,50,63)
```
#293f50
```
#293f50 rgb(41,63,80)
```
#314d61
```
#314d61 rgb(49,77,97)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#436783
```
#436783 rgb(67,103,131)
```
#4b7594
```
#4b7594 rgb(75,117,148)
```
#5482a5
```
#5482a5 rgb(84,130,165)
```

Monochromatic Color

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

#3a6872
```
#3a6872 rgb(58,104,114)
```
#3a6372
```
#3a6372 rgb(58,99,114)
```
#3a5f72
```
#3a5f72 rgb(58,95,114)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#3a5572
```
#3a5572 rgb(58,85,114)
```
#3a5172
```
#3a5172 rgb(58,81,114)
```
#3a4c72
```
#3a4c72 rgb(58,76,114)
```

Similar Colors

Text with hexadecimal color #3a5a72

This text has a font color of #3a5a72.

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

#3a5a72 background color

This paragraph has a background color of #3a5a72.

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

#3a5a72 border color

This element has a border color of #3a5a72.

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

CSS codes

.text {color:#3a5a72;}

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

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

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

#05080a
```
#05080a rgb(5,8,10)
```
#0c1217
```
#0c1217 rgb(12,18,23)
```
#121c24
```
#121c24 rgb(18,28,36)
```
#192731
```
#192731 rgb(25,39,49)
```
#20313e
```
#20313e rgb(32,49,62)
```
#263b4b
```
#263b4b rgb(38,59,75)
```
#2d4558
```
#2d4558 rgb(45,69,88)
```
#335065
```
#335065 rgb(51,80,101)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#41647f
```
#41647f rgb(65,100,127)
```
#476f8c
```
#476f8c rgb(71,111,140)
```
#4e7999
```
#4e7999 rgb(78,121,153)
```
#5483a6
```
#5483a6 rgb(84,131,166)
```

Shade Color Variation

#608dae
```
#608dae rgb(96,141,174)
```
#6d96b5
```
#6d96b5 rgb(109,150,181)
```
#7a9fbb
```
#7a9fbb rgb(122,159,187)
```
#87a9c2
```
#87a9c2 rgb(135,169,194)
```
#94b2c9
```
#94b2c9 rgb(148,178,201)
```
#a1bbcf
```
#a1bbcf rgb(161,187,207)
```
#aec5d6
```
#aec5d6 rgb(174,197,214)
```
#bbcedc
```
#bbcedc rgb(187,206,220)
```
#c8d7e3
```
#c8d7e3 rgb(200,215,227)
```
#d5e1ea
```
#d5e1ea rgb(213,225,234)
```
#e2eaf0
```
#e2eaf0 rgb(226,234,240)
```
#eff3f7
```
#eff3f7 rgb(239,243,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#545658
```
#545658 rgb(84,86,88)
```
#4e575e
```
#4e575e rgb(78,87,94)
```
#475865
```
#475865 rgb(71,88,101)
```
#41596b
```
#41596b rgb(65,89,107)
```
#3a5a72
```
#3a5a72 rgb(58,90,114)
```
#335b79
```
#335b79 rgb(51,91,121)
```
#2d5c7f
```
#2d5c7f rgb(45,92,127)
```
#265d86
```
#265d86 rgb(38,93,134)
```
#205e8c
```
#205e8c rgb(32,94,140)
```
#195f93
```
#195f93 rgb(25,95,147)
```
#12609a
```
#12609a rgb(18,96,154)
```
#0c61a0
```
#0c61a0 rgb(12,97,160)
```
#0562a7
```
#0562a7 rgb(5,98,167)
```

Tone Color Variation

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

#585e76 Protanopia 1% of men
#575d7b Deuteranopia 1% of men
#3f656c Tritanopia 0.001% of the population

Trichromacy

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

#3a5a72 hex color

#3a5a72 Color Information

#3a5a72 Color Conversion

Color Schemes with #3a5a72

Alternatives to #3a5a72

#3a5a72 Preview

Shades and Tints of #3a5a72

Tones of #3a5a72

Color Blindness Simulator