#3a5259 hex color

In a RGB color space, hex #3a5259 is composed of 22.7% red, 32.2% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 7.9% magenta, 0% yellow and 65.1% black. It has a hue angle of 193.5 degrees, a saturation of 21.1% and a lightness of 28.8%. #3a5259 color hex could be obtained by blending #74a4b2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 32
- B 35
RGB color chart
- C 35
- M 8
- Y 0
- K 65
CMYK color chart

● #3a5259 color description : Very dark grayish cyan.

The hexadecimal color #3a5259 has RGB values of R:58, G:82, B:89 and CMYK values of C:0.35, M:0.08, Y:0, K:0.65. Its decimal value is 3822169.

Hex triplet	3a5259	`#3a5259`
RGB Decimal	58, 82, 89	`rgb(58,82,89)`
RGB Percent	22.7, 32.2, 34.9	`rgb(22.7%,32.2%,34.9%)`
CMYK	35, 8, 0, 65
HSL	193.5°, 21.1, 28.8	`hsl(193.5,21.1%,28.8%)`
HSV (or HSB)	193.5°, 34.8, 34.9
Web Safe	336666	`#336666`

CIE-LAB	33.254, -7.154, -7.033
XYZ	6.565, 7.655, 10.582
xyY	0.265, 0.309, 7.655
CIE-LCH	33.254, 10.032, 224.512
CIE-LUV	33.254, -11.397, -7.973
Hunter-Lab	27.668, -6.065, -3.309
Binary	00111010, 01010010, 01011001

#3a5259
```
#3a5259 rgb(58,82,89)
```
#59413a
```
#59413a rgb(89,65,58)
```

Complementary Color

#3a5951
```
#3a5951 rgb(58,89,81)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#3a4359
```
#3a4359 rgb(58,67,89)
```

Analogous Color

#59513a
```
#59513a rgb(89,81,58)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#593a43
```
#593a43 rgb(89,58,67)
```

Split Complementary Color

#52593a
```
#52593a rgb(82,89,58)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#593a52
```
#593a52 rgb(89,58,82)
```

Triadic Color

#3a5941
```
#3a5941 rgb(58,89,65)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#593a52
```
#593a52 rgb(89,58,82)
```
#59413a
```
#59413a rgb(89,65,58)
```

Tetradic Color

#1c272b
```
#1c272b rgb(28,39,43)
```
#26363a
```
#26363a rgb(38,54,58)
```
#30444a
```
#30444a rgb(48,68,74)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#446068
```
#446068 rgb(68,96,104)
```
#4e6e78
```
#4e6e78 rgb(78,110,120)
```
#587d87
```
#587d87 rgb(88,125,135)
```

Monochromatic Color

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

#3a5958
```
#3a5958 rgb(58,89,88)
```
#3a5759
```
#3a5759 rgb(58,87,89)
```
#3a5559
```
#3a5559 rgb(58,85,89)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#3a4f59
```
#3a4f59 rgb(58,79,89)
```
#3a4d59
```
#3a4d59 rgb(58,77,89)
```
#3a4a59
```
#3a4a59 rgb(58,74,89)
```

Similar Colors

Text with hexadecimal color #3a5259

This text has a font color of #3a5259.

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

#3a5259 background color

This paragraph has a background color of #3a5259.

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

#3a5259 border color

This element has a border color of #3a5259.

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

CSS codes

.text {color:#3a5259;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c1012
```
#0c1012 rgb(12,16,18)
```
#131b1e
```
#131b1e rgb(19,27,30)
```
#1b2629
```
#1b2629 rgb(27,38,41)
```
#233135
```
#233135 rgb(35,49,53)
```
#2b3c41
```
#2b3c41 rgb(43,60,65)
```
#32474d
```
#32474d rgb(50,71,77)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#425d65
```
#425d65 rgb(66,93,101)
```
#496871
```
#496871 rgb(73,104,113)
```
#51737d
```
#51737d rgb(81,115,125)
```
#597e89
```
#597e89 rgb(89,126,137)
```
#618994
```
#618994 rgb(97,137,148)
```

Shade Color Variation

#6a939e
```
#6a939e rgb(106,147,158)
```
#769ba6
```
#769ba6 rgb(118,155,166)
```
#82a4ae
```
#82a4ae rgb(130,164,174)
```
#8eadb5
```
#8eadb5 rgb(142,173,181)
```
#9ab5bd
```
#9ab5bd rgb(154,181,189)
```
#a6bec5
```
#a6bec5 rgb(166,190,197)
```
#b2c7cd
```
#b2c7cd rgb(178,199,205)
```
#becfd4
```
#becfd4 rgb(190,207,212)
```
#c9d8dc
```
#c9d8dc rgb(201,216,220)
```
#d5e1e4
```
#d5e1e4 rgb(213,225,228)
```
#e1e9ec
```
#e1e9ec rgb(225,233,236)
```
#edf2f3
```
#edf2f3 rgb(237,242,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#454c4e
```
#454c4e rgb(69,76,78)
```
#404f53
```
#404f53 rgb(64,79,83)
```
#3a5259
```
#3a5259 rgb(58,82,89)
```
#34555f
```
#34555f rgb(52,85,95)
```
#2f5864
```
#2f5864 rgb(47,88,100)
```
#295b6a
```
#295b6a rgb(41,91,106)
```
#235e70
```
#235e70 rgb(35,94,112)
```
#1e6275
```
#1e6275 rgb(30,98,117)
```
#18657b
```
#18657b rgb(24,101,123)
```
#126881
```
#126881 rgb(18,104,129)
```
#0d6b86
```
#0d6b86 rgb(13,107,134)
```
#076e8c
```
#076e8c rgb(7,110,140)
```
#017192
```
#017192 rgb(1,113,146)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#484d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#56565f Protanopia 1% of men
#595563 Deuteranopia 1% of men
#445b61 Tritanopia 0.001% of the population

Trichromacy

#4c555c Protanomaly 1% of men, 0.01% of women
#4d545f Deuteranomaly 6% of men, 0.4% of women
#40575e Tritanomaly 0.01% of the population

#3a5259 hex color

#3a5259 Color Information

#3a5259 Color Conversion

Color Schemes with #3a5259

Alternatives to #3a5259

#3a5259 Preview

Shades and Tints of #3a5259

Tones of #3a5259

Color Blindness Simulator