#3a7980 hex color

In a RGB color space, hex #3a7980 is composed of 22.7% red, 47.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 5.5% magenta, 0% yellow and 49.8% black. It has a hue angle of 186 degrees, a saturation of 37.6% and a lightness of 36.5%. #3a7980 color hex could be obtained by blending #74f2ff with #000001. Closest websafe color is: #336699.

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

● #3a7980 color description : Dark moderate cyan.

The hexadecimal color #3a7980 has RGB values of R:58, G:121, B:128 and CMYK values of C:0.55, M:0.05, Y:0, K:0.5. Its decimal value is 3832192.

Hex triplet	3a7980	`#3a7980`
RGB Decimal	58, 121, 128	`rgb(58,121,128)`
RGB Percent	22.7, 47.5, 50.2	`rgb(22.7%,47.5%,50.2%)`
CMYK	55, 5, 0, 50
HSL	186°, 37.6, 36.5	`hsl(186,37.6%,36.5%)`
HSV (or HSB)	186°, 54.7, 50.2
Web Safe	336699	`#336699`

CIE-LAB	47.147, -18.069, -10.024
XYZ	12.477, 16.132, 22.877
xyY	0.242, 0.313, 16.132
CIE-LCH	47.147, 20.664, 209.021
CIE-LUV	47.147, -26.577, -11.622
Hunter-Lab	40.165, -14.835, -5.655
Binary	00111010, 01111001, 10000000

#3a7980
```
#3a7980 rgb(58,121,128)
```
#80413a
```
#80413a rgb(128,65,58)
```

Complementary Color

#3a8064
```
#3a8064 rgb(58,128,100)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#3a5680
```
#3a5680 rgb(58,86,128)
```

Analogous Color

#80643a
```
#80643a rgb(128,100,58)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#803a56
```
#803a56 rgb(128,58,86)
```

Split Complementary Color

#79803a
```
#79803a rgb(121,128,58)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#803a79
```
#803a79 rgb(128,58,121)
```

Triadic Color

#3a8041
```
#3a8041 rgb(58,128,65)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#803a79
```
#803a79 rgb(128,58,121)
```
#80413a
```
#80413a rgb(128,65,58)
```

Tetradic Color

#22474b
```
#22474b rgb(34,71,75)
```
#2a585d
```
#2a585d rgb(42,88,93)
```
#32686e
```
#32686e rgb(50,104,110)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#428a92
```
#428a92 rgb(66,138,146)
```
#4a9aa3
```
#4a9aa3 rgb(74,154,163)
```
#55a9b2
```
#55a9b2 rgb(85,169,178)
```

Monochromatic Color

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

#3a8076
```
#3a8076 rgb(58,128,118)
```
#3a807b
```
#3a807b rgb(58,128,123)
```
#3a7f80
```
#3a7f80 rgb(58,127,128)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#3a7380
```
#3a7380 rgb(58,115,128)
```
#3a6d80
```
#3a6d80 rgb(58,109,128)
```
#3a6880
```
#3a6880 rgb(58,104,128)
```

Similar Colors

Text with hexadecimal color #3a7980

This text has a font color of #3a7980.

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

#3a7980 background color

This paragraph has a background color of #3a7980.

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

#3a7980 border color

This element has a border color of #3a7980.

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

CSS codes

.text {color:#3a7980;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091314
```
#091314 rgb(9,19,20)
```
#0f2022
```
#0f2022 rgb(15,32,34)
```
#152c2f
```
#152c2f rgb(21,44,47)
```
#1b393d
```
#1b393d rgb(27,57,61)
```
#22464a
```
#22464a rgb(34,70,74)
```
#285358
```
#285358 rgb(40,83,88)
```
#2e5f65
```
#2e5f65 rgb(46,95,101)
```
#346c73
```
#346c73 rgb(52,108,115)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#40868d
```
#40868d rgb(64,134,141)
```
#46939b
```
#46939b rgb(70,147,155)
```
#4c9fa8
```
#4c9fa8 rgb(76,159,168)
```

Shade Color Variation

#56a9b2
```
#56a9b2 rgb(86,169,178)
```
#64b0b9
```
#64b0b9 rgb(100,176,185)
```
#71b7bf
```
#71b7bf rgb(113,183,191)
```
#7fbec5
```
#7fbec5 rgb(127,190,197)
```
#8cc5cb
```
#8cc5cb rgb(140,197,203)
```
#9acbd1
```
#9acbd1 rgb(154,203,209)
```
#a7d2d7
```
#a7d2d7 rgb(167,210,215)
```
#b5d9dd
```
#b5d9dd rgb(181,217,221)
```
#c2e0e3
```
#c2e0e3 rgb(194,224,227)
```
#d0e7e9
```
#d0e7e9 rgb(208,231,233)
```
#ddeef0
```
#ddeef0 rgb(221,238,240)
```
#ebf5f6
```
#ebf5f6 rgb(235,245,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#576263
```
#576263 rgb(87,98,99)
```
#4f686b
```
#4f686b rgb(79,104,107)
```
#486e72
```
#486e72 rgb(72,110,114)
```
#417379
```
#417379 rgb(65,115,121)
```
#3a7980
```
#3a7980 rgb(58,121,128)
```
#337f87
```
#337f87 rgb(51,127,135)
```
#2c848e
```
#2c848e rgb(44,132,142)
```
#258a95
```
#258a95 rgb(37,138,149)
```
#1d909d
```
#1d909d rgb(29,144,157)
```
#1696a4
```
#1696a4 rgb(22,150,164)
```
#0f9bab
```
#0f9bab rgb(15,155,171)
```
#08a1b2
```
#08a1b2 rgb(8,161,178)
```
#01a7b9
```
#01a7b9 rgb(1,167,185)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5e6b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#767681 Protanopia 1% of men
#78748a Deuteranopia 1% of men
#457f88 Tritanopia 0.001% of the population

Trichromacy

#607780 Protanomaly 1% of men, 0.01% of women
#617686 Deuteranomaly 6% of men, 0.4% of women
#417d85 Tritanomaly 0.01% of the population

#3a7980 hex color

#3a7980 Color Information

#3a7980 Color Conversion

Color Schemes with #3a7980

Alternatives to #3a7980

#3a7980 Preview

Shades and Tints of #3a7980

Tones of #3a7980

Color Blindness Simulator