#3a6860 hex color

In a RGB color space, hex #3a6860 is composed of 22.7% red, 40.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 0% magenta, 7.7% yellow and 59.2% black. It has a hue angle of 169.6 degrees, a saturation of 28.4% and a lightness of 31.8%. #3a6860 color hex could be obtained by blending #74d0c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 41
- B 38
RGB color chart
- C 44
- M 0
- Y 8
- K 59
CMYK color chart

● #3a6860 color description : Very dark desaturated cyan.

The hexadecimal color #3a6860 has RGB values of R:58, G:104, B:96 and CMYK values of C:0.44, M:0, Y:0.08, K:0.59. Its decimal value is 3827808.

Hex triplet	3a6860	`#3a6860`
RGB Decimal	58, 104, 96	`rgb(58,104,96)`
RGB Percent	22.7, 40.8, 37.6	`rgb(22.7%,40.8%,37.6%)`
CMYK	44, 0, 8, 59
HSL	169.6°, 28.4, 31.8	`hsl(169.6,28.4%,31.8%)`
HSV (or HSB)	169.6°, 44.2, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.645, -17.912, -0.436
XYZ	8.806, 11.644, 12.849
xyY	0.264, 0.35, 11.644
CIE-LCH	40.645, 17.918, 181.395
CIE-LUV	40.645, -20.705, 1.95
Hunter-Lab	34.124, -13.652, 1.561
Binary	00111010, 01101000, 01100000

#3a6860
```
#3a6860 rgb(58,104,96)
```
#683a42
```
#683a42 rgb(104,58,66)
```

Complementary Color

#3a6849
```
#3a6849 rgb(58,104,73)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#3a5968
```
#3a5968 rgb(58,89,104)
```

Analogous Color

#68493a
```
#68493a rgb(104,73,58)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#683a59
```
#683a59 rgb(104,58,89)
```

Split Complementary Color

#68603a
```
#68603a rgb(104,96,58)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#603a68
```
#603a68 rgb(96,58,104)
```

Triadic Color

#42683a
```
#42683a rgb(66,104,58)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#603a68
```
#603a68 rgb(96,58,104)
```
#683a42
```
#683a42 rgb(104,58,66)
```

Tetradic Color

#1f3733
```
#1f3733 rgb(31,55,51)
```
#284742
```
#284742 rgb(40,71,66)
```
#315851
```
#315851 rgb(49,88,81)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#43786f
```
#43786f rgb(67,120,111)
```
#4c897e
```
#4c897e rgb(76,137,126)
```
#55998d
```
#55998d rgb(85,153,141)
```

Monochromatic Color

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

#3a6855
```
#3a6855 rgb(58,104,85)
```
#3a6858
```
#3a6858 rgb(58,104,88)
```
#3a685c
```
#3a685c rgb(58,104,92)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#3a6864
```
#3a6864 rgb(58,104,100)
```
#3a6868
```
#3a6868 rgb(58,104,104)
```
#3a6568
```
#3a6568 rgb(58,101,104)
```

Similar Colors

Text with hexadecimal color #3a6860

This text has a font color of #3a6860.

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

#3a6860 background color

This paragraph has a background color of #3a6860.

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

#3a6860 border color

This element has a border color of #3a6860.

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

CSS codes

.text {color:#3a6860;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#09100f
```
#09100f rgb(9,16,15)
```
#101c1a
```
#101c1a rgb(16,28,26)
```
#172926
```
#172926 rgb(23,41,38)
```
#1e3632
```
#1e3632 rgb(30,54,50)
```
#25423d
```
#25423d rgb(37,66,61)
```
#2c4f49
```
#2c4f49 rgb(44,79,73)
```
#335b54
```
#335b54 rgb(51,91,84)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#41756c
```
#41756c rgb(65,117,108)
```
#488177
```
#488177 rgb(72,129,119)
```
#4f8e83
```
#4f8e83 rgb(79,142,131)
```
#569a8e
```
#569a8e rgb(86,154,142)
```

Shade Color Variation

#5fa699
```
#5fa699 rgb(95,166,153)
```
#6bada1
```
#6bada1 rgb(107,173,161)
```
#78b4a9
```
#78b4a9 rgb(120,180,169)
```
#84bbb1
```
#84bbb1 rgb(132,187,177)
```
#91c2b9
```
#91c2b9 rgb(145,194,185)
```
#9ec9c1
```
#9ec9c1 rgb(158,201,193)
```
#aad0c9
```
#aad0c9 rgb(170,208,201)
```
#b7d7d1
```
#b7d7d1 rgb(183,215,209)
```
#c3ded9
```
#c3ded9 rgb(195,222,217)
```
#d0e5e1
```
#d0e5e1 rgb(208,229,225)
```
#dcece9
```
#dcece9 rgb(220,236,233)
```
#e9f3f1
```
#e9f3f1 rgb(233,243,241)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5554 is the less saturated color, while #02a085 is the most saturated one.

#4d5554
```
#4d5554 rgb(77,85,84)
```
#465c58
```
#465c58 rgb(70,92,88)
```
#40625c
```
#40625c rgb(64,98,92)
```
#3a6860
```
#3a6860 rgb(58,104,96)
```
#346e64
```
#346e64 rgb(52,110,100)
```
#2e7468
```
#2e7468 rgb(46,116,104)
```
#277b6c
```
#277b6c rgb(39,123,108)
```
#218170
```
#218170 rgb(33,129,112)
```
#1b8774
```
#1b8774 rgb(27,135,116)
```
#158d78
```
#158d78 rgb(21,141,120)
```
#0e947c
```
#0e947c rgb(14,148,124)
```
#089a81
```
#089a81 rgb(8,154,129)
```
#02a085
```
#02a085 rgb(2,160,133)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#535c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6764 Protanopia 1% of men
#6f656b Deuteranopia 1% of men
#486d75 Tritanopia 0.001% of the population

Trichromacy

#596762 Protanomaly 1% of men, 0.01% of women
#5c6667 Deuteranomaly 6% of men, 0.4% of women
#436b6d Tritanomaly 0.01% of the population

#3a6860 hex color

#3a6860 Color Information

#3a6860 Color Conversion

Color Schemes with #3a6860

Alternatives to #3a6860

#3a6860 Preview

Shades and Tints of #3a6860

Tones of #3a6860

Color Blindness Simulator