#3a8072 hex color

In a RGB color space, hex #3a8072 is composed of 22.7% red, 50.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 10.9% yellow and 49.8% black. It has a hue angle of 168 degrees, a saturation of 37.6% and a lightness of 36.5%. #3a8072 color hex could be obtained by blending #74ffe4 with #000100. Closest websafe color is: #339966.

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

● #3a8072 color description : Dark moderate cyan.

The hexadecimal color #3a8072 has RGB values of R:58, G:128, B:114 and CMYK values of C:0.55, M:0, Y:0.11, K:0.5. Its decimal value is 3833970.

Hex triplet	3a8072	`#3a8072`
RGB Decimal	58, 128, 114	`rgb(58,128,114)`
RGB Percent	22.7, 50.2, 44.7	`rgb(22.7%,50.2%,44.7%)`
CMYK	55, 0, 11, 50
HSL	168°, 37.6, 36.5	`hsl(168,37.6%,36.5%)`
HSV (or HSB)	168°, 54.7, 50.2
Web Safe	339966	`#339966`

CIE-LAB	48.948, -25.676, 0.912
XYZ	12.5, 17.552, 18.648
xyY	0.257, 0.36, 17.552
CIE-LCH	48.948, 25.693, 177.965
CIE-LUV	48.948, -29.975, 5.006
Hunter-Lab	41.895, -20.056, 2.936
Binary	00111010, 10000000, 01110010

#3a8072
```
#3a8072 rgb(58,128,114)
```
#803a48
```
#803a48 rgb(128,58,72)
```

Complementary Color

#3a804f
```
#3a804f rgb(58,128,79)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#3a6b80
```
#3a6b80 rgb(58,107,128)
```

Analogous Color

#804f3a
```
#804f3a rgb(128,79,58)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#803a6b
```
#803a6b rgb(128,58,107)
```

Split Complementary Color

#80723a
```
#80723a rgb(128,114,58)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#723a80
```
#723a80 rgb(114,58,128)
```

Triadic Color

#48803a
```
#48803a rgb(72,128,58)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#723a80
```
#723a80 rgb(114,58,128)
```
#803a48
```
#803a48 rgb(128,58,72)
```

Tetradic Color

#224b43
```
#224b43 rgb(34,75,67)
```
#2a5d53
```
#2a5d53 rgb(42,93,83)
```
#326e62
```
#326e62 rgb(50,110,98)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#429282
```
#429282 rgb(66,146,130)
```
#4aa391
```
#4aa391 rgb(74,163,145)
```
#55b29f
```
#55b29f rgb(85,178,159)
```

Monochromatic Color

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

#3a8061
```
#3a8061 rgb(58,128,97)
```
#3a8066
```
#3a8066 rgb(58,128,102)
```
#3a806c
```
#3a806c rgb(58,128,108)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#3a8078
```
#3a8078 rgb(58,128,120)
```
#3a807e
```
#3a807e rgb(58,128,126)
```
#3a7d80
```
#3a7d80 rgb(58,125,128)
```

Similar Colors

Text with hexadecimal color #3a8072

This text has a font color of #3a8072.

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

#3a8072 background color

This paragraph has a background color of #3a8072.

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

#3a8072 border color

This element has a border color of #3a8072.

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

CSS codes

.text {color:#3a8072;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091412
```
#091412 rgb(9,20,18)
```
#0f221e
```
#0f221e rgb(15,34,30)
```
#152f2a
```
#152f2a rgb(21,47,42)
```
#1b3d36
```
#1b3d36 rgb(27,61,54)
```
#224a42
```
#224a42 rgb(34,74,66)
```
#28584e
```
#28584e rgb(40,88,78)
```
#2e655a
```
#2e655a rgb(46,101,90)
```
#347366
```
#347366 rgb(52,115,102)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#408d7e
```
#408d7e rgb(64,141,126)
```
#469b8a
```
#469b8a rgb(70,155,138)
```
#4ca896
```
#4ca896 rgb(76,168,150)
```

Shade Color Variation

#56b2a0
```
#56b2a0 rgb(86,178,160)
```
#64b9a8
```
#64b9a8 rgb(100,185,168)
```
#71bfaf
```
#71bfaf rgb(113,191,175)
```
#7fc5b7
```
#7fc5b7 rgb(127,197,183)
```
#8ccbbe
```
#8ccbbe rgb(140,203,190)
```
#9ad1c6
```
#9ad1c6 rgb(154,209,198)
```
#a7d7ce
```
#a7d7ce rgb(167,215,206)
```
#b5ddd5
```
#b5ddd5 rgb(181,221,213)
```
#c2e3dd
```
#c2e3dd rgb(194,227,221)
```
#d0e9e4
```
#d0e9e4 rgb(208,233,228)
```
#ddf0ec
```
#ddf0ec rgb(221,240,236)
```
#ebf6f3
```
#ebf6f3 rgb(235,246,243)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#576361
```
#576361 rgb(87,99,97)
```
#4f6b65
```
#4f6b65 rgb(79,107,101)
```
#487269
```
#487269 rgb(72,114,105)
```
#41796e
```
#41796e rgb(65,121,110)
```
#3a8072
```
#3a8072 rgb(58,128,114)
```
#338776
```
#338776 rgb(51,135,118)
```
#2c8e7b
```
#2c8e7b rgb(44,142,123)
```
#25957f
```
#25957f rgb(37,149,127)
```
#1d9d83
```
#1d9d83 rgb(29,157,131)
```
#16a487
```
#16a487 rgb(22,164,135)
```
#0fab8c
```
#0fab8c rgb(15,171,140)
```
#08b290
```
#08b290 rgb(8,178,144)
```
#01b994
```
#01b994 rgb(1,185,148)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#606e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b73 Protanopia 1% of men
#85777e Deuteranopia 1% of men
#4c838d Tritanopia 0.001% of the population

Trichromacy

#667c72 Protanomaly 1% of men, 0.01% of women
#6a7a79 Deuteranomaly 6% of men, 0.4% of women
#458283 Tritanomaly 0.01% of the population

#3a8072 hex color

#3a8072 Color Information

#3a8072 Color Conversion

Color Schemes with #3a8072

Alternatives to #3a8072

#3a8072 Preview

Shades and Tints of #3a8072

Tones of #3a8072

Color Blindness Simulator