#3a7f86 hex color

In a RGB color space, hex #3a7f86 is composed of 22.7% red, 49.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 5.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 185.5 degrees, a saturation of 39.6% and a lightness of 37.6%. #3a7f86 color hex could be obtained by blending #74feff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 50
- B 53
RGB color chart
- C 57
- M 5
- Y 0
- K 47
CMYK color chart

● #3a7f86 color description : Dark moderate cyan.

The hexadecimal color #3a7f86 has RGB values of R:58, G:127, B:134 and CMYK values of C:0.57, M:0.05, Y:0, K:0.47. Its decimal value is 3833734.

Hex triplet	3a7f86	`#3a7f86`
RGB Decimal	58, 127, 134	`rgb(58,127,134)`
RGB Percent	22.7, 49.8, 52.5	`rgb(22.7%,49.8%,52.5%)`
CMYK	57, 5, 0, 47
HSL	185.5°, 39.6, 37.6	`hsl(185.5,39.6%,37.6%)`
HSV (or HSB)	185.5°, 56.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	49.251, -19.503, -10.406
XYZ	13.636, 17.799, 25.27
xyY	0.24, 0.314, 17.799
CIE-LCH	49.251, 22.105, 208.082
CIE-LUV	49.251, -28.688, -12.106
Hunter-Lab	42.188, -16.134, -5.982
Binary	00111010, 01111111, 10000110

#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#86413a
```
#86413a rgb(134,65,58)
```

Complementary Color

#3a8667
```
#3a8667 rgb(58,134,103)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#3a5986
```
#3a5986 rgb(58,89,134)
```

Analogous Color

#86673a
```
#86673a rgb(134,103,58)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#863a59
```
#863a59 rgb(134,58,89)
```

Split Complementary Color

#7f863a
```
#7f863a rgb(127,134,58)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#863a7f
```
#863a7f rgb(134,58,127)
```

Triadic Color

#3a8641
```
#3a8641 rgb(58,134,65)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#863a7f
```
#863a7f rgb(134,58,127)
```
#86413a
```
#86413a rgb(134,65,58)
```

Tetradic Color

#234c51
```
#234c51 rgb(35,76,81)
```
#2b5d62
```
#2b5d62 rgb(43,93,98)
```
#326e74
```
#326e74 rgb(50,110,116)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#429098
```
#429098 rgb(66,144,152)
```
#49a1aa
```
#49a1aa rgb(73,161,170)
```
#56adb6
```
#56adb6 rgb(86,173,182)
```

Monochromatic Color

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

#3a867a
```
#3a867a rgb(58,134,122)
```
#3a8680
```
#3a8680 rgb(58,134,128)
```
#3a8586
```
#3a8586 rgb(58,133,134)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#3a7986
```
#3a7986 rgb(58,121,134)
```
#3a7286
```
#3a7286 rgb(58,114,134)
```
#3a6c86
```
#3a6c86 rgb(58,108,134)
```

Similar Colors

Text with hexadecimal color #3a7f86

This text has a font color of #3a7f86.

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

#3a7f86 background color

This paragraph has a background color of #3a7f86.

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

#3a7f86 border color

This element has a border color of #3a7f86.

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

CSS codes

.text {color:#3a7f86;}

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

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

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, #050a0b is the darkest color, while #fcfefe is the lightest one.

#050a0b
```
#050a0b rgb(5,10,11)
```
#0b1718
```
#0b1718 rgb(11,23,24)
```
#112426
```
#112426 rgb(17,36,38)
```
#163134
```
#163134 rgb(22,49,52)
```
#1c3e42
```
#1c3e42 rgb(28,62,66)
```
#224b4f
```
#224b4f rgb(34,75,79)
```
#28585d
```
#28585d rgb(40,88,93)
```
#2e656b
```
#2e656b rgb(46,101,107)
```
#347278
```
#347278 rgb(52,114,120)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#408c94
```
#408c94 rgb(64,140,148)
```
#4699a1
```
#4699a1 rgb(70,153,161)
```
#4ca6af
```
#4ca6af rgb(76,166,175)
```

Shade Color Variation

#58aeb7
```
#58aeb7 rgb(88,174,183)
```
#66b5bd
```
#66b5bd rgb(102,181,189)
```
#73bbc2
```
#73bbc2 rgb(115,187,194)
```
#81c2c8
```
#81c2c8 rgb(129,194,200)
```
#8fc8ce
```
#8fc8ce rgb(143,200,206)
```
#9ccfd4
```
#9ccfd4 rgb(156,207,212)
```
#aad6da
```
#aad6da rgb(170,214,218)
```
#b8dce0
```
#b8dce0 rgb(184,220,224)
```
#c5e3e6
```
#c5e3e6 rgb(197,227,230)
```
#d3eaec
```
#d3eaec rgb(211,234,236)
```
#e1f0f2
```
#e1f0f2 rgb(225,240,242)
```
#eef7f8
```
#eef7f8 rgb(238,247,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6161 is the less saturated color, while #06a9ba is the most saturated one.

#5f6161
```
#5f6161 rgb(95,97,97)
```
#586768
```
#586768 rgb(88,103,104)
```
#506d70
```
#506d70 rgb(80,109,112)
```
#497377
```
#497377 rgb(73,115,119)
```
#41797f
```
#41797f rgb(65,121,127)
```
#3a7f86
```
#3a7f86 rgb(58,127,134)
```
#33858d
```
#33858d rgb(51,133,141)
```
#2b8b95
```
#2b8b95 rgb(43,139,149)
```
#24919c
```
#24919c rgb(36,145,156)
```
#1c97a4
```
#1c97a4 rgb(28,151,164)
```
#159dab
```
#159dab rgb(21,157,171)
```
#0ea3b2
```
#0ea3b2 rgb(14,163,178)
```
#06a9ba
```
#06a9ba rgb(6,169,186)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#616f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7b86 Protanopia 1% of men
#7d7990 Deuteranopia 1% of men
#45858e Tritanopia 0.001% of the population

Trichromacy

#637c86 Protanomaly 1% of men, 0.01% of women
#647b8c Deuteranomaly 6% of men, 0.4% of women
#41828b Tritanomaly 0.01% of the population

#3a7f86 hex color

#3a7f86 Color Information

#3a7f86 Color Conversion

Color Schemes with #3a7f86

Alternatives to #3a7f86

#3a7f86 Preview

Shades and Tints of #3a7f86

Tones of #3a7f86

Color Blindness Simulator