#3a6976 hex color

In a RGB color space, hex #3a6976 is composed of 22.7% red, 41.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 11% magenta, 0% yellow and 53.7% black. It has a hue angle of 193 degrees, a saturation of 34.1% and a lightness of 34.5%. #3a6976 color hex could be obtained by blending #74d2ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 41
- B 46
RGB color chart
- C 51
- M 11
- Y 0
- K 54
CMYK color chart

● #3a6976 color description : Dark moderate cyan.

The hexadecimal color #3a6976 has RGB values of R:58, G:105, B:118 and CMYK values of C:0.51, M:0.11, Y:0, K:0.54. Its decimal value is 3828086.

Hex triplet	3a6976	`#3a6976`
RGB Decimal	58, 105, 118	`rgb(58,105,118)`
RGB Percent	22.7, 41.2, 46.3	`rgb(22.7%,41.2%,46.3%)`
CMYK	51, 11, 0, 54
HSL	193°, 34.1, 34.5	`hsl(193,34.1%,34.5%)`
HSV (or HSB)	193°, 50.8, 46.3
Web Safe	336666	`#336666`

CIE-LAB	41.705, -12.169, -12.24
XYZ	10.066, 12.31, 18.984
xyY	0.243, 0.298, 12.31
CIE-LCH	41.705, 17.26, 225.167
CIE-LUV	41.705, -20.525, -15.242
Hunter-Lab	35.086, -10.191, -7.521
Binary	00111010, 01101001, 01110110

#3a6976
```
#3a6976 rgb(58,105,118)
```
#76473a
```
#76473a rgb(118,71,58)
```

Complementary Color

#3a7665
```
#3a7665 rgb(58,118,101)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#3a4b76
```
#3a4b76 rgb(58,75,118)
```

Analogous Color

#76653a
```
#76653a rgb(118,101,58)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#763a4b
```
#763a4b rgb(118,58,75)
```

Split Complementary Color

#69763a
```
#69763a rgb(105,118,58)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#763a69
```
#763a69 rgb(118,58,105)
```

Triadic Color

#3a7647
```
#3a7647 rgb(58,118,71)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#763a69
```
#763a69 rgb(118,58,105)
```
#76473a
```
#76473a rgb(118,71,58)
```

Tetradic Color

#213b43
```
#213b43 rgb(33,59,67)
```
#294b54
```
#294b54 rgb(41,75,84)
```
#325a65
```
#325a65 rgb(50,90,101)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#427887
```
#427887 rgb(66,120,135)
```
#4b8798
```
#4b8798 rgb(75,135,152)
```
#5397a9
```
#5397a9 rgb(83,151,169)
```

Monochromatic Color

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

#3a7674
```
#3a7674 rgb(58,118,116)
```
#3a7376
```
#3a7376 rgb(58,115,118)
```
#3a6e76
```
#3a6e76 rgb(58,110,118)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#3a6476
```
#3a6476 rgb(58,100,118)
```
#3a5f76
```
#3a5f76 rgb(58,95,118)
```
#3a5a76
```
#3a5a76 rgb(58,90,118)
```

Similar Colors

Text with hexadecimal color #3a6976

This text has a font color of #3a6976.

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

#3a6976 background color

This paragraph has a background color of #3a6976.

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

#3a6976 border color

This element has a border color of #3a6976.

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

CSS codes

.text {color:#3a6976;}

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

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

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, #060b0d is the darkest color, while #ffffff is the lightest one.

#060b0d
```
#060b0d rgb(6,11,13)
```
#0d171a
```
#0d171a rgb(13,23,26)
```
#132327
```
#132327 rgb(19,35,39)
```
#1a2e34
```
#1a2e34 rgb(26,46,52)
```
#203a41
```
#203a41 rgb(32,58,65)
```
#27464f
```
#27464f rgb(39,70,79)
```
#2d525c
```
#2d525c rgb(45,82,92)
```
#345d69
```
#345d69 rgb(52,93,105)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#407583
```
#407583 rgb(64,117,131)
```
#478090
```
#478090 rgb(71,128,144)
```
#4d8c9d
```
#4d8c9d rgb(77,140,157)
```
#5498ab
```
#5498ab rgb(84,152,171)
```

Shade Color Variation

#61a0b1
```
#61a0b1 rgb(97,160,177)
```
#6ea8b8
```
#6ea8b8 rgb(110,168,184)
```
#7bb0be
```
#7bb0be rgb(123,176,190)
```
#88b8c5
```
#88b8c5 rgb(136,184,197)
```
#95bfcb
```
#95bfcb rgb(149,191,203)
```
#a3c7d2
```
#a3c7d2 rgb(163,199,210)
```
#b0cfd8
```
#b0cfd8 rgb(176,207,216)
```
#bdd7df
```
#bdd7df rgb(189,215,223)
```
#cadfe5
```
#cadfe5 rgb(202,223,229)
```
#d7e7eb
```
#d7e7eb rgb(215,231,235)
```
#e4eff2
```
#e4eff2 rgb(228,239,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555a5b is the less saturated color, while #0488ac is the most saturated one.

#555a5b
```
#555a5b rgb(85,90,91)
```
#4e5d62
```
#4e5d62 rgb(78,93,98)
```
#486168
```
#486168 rgb(72,97,104)
```
#41656f
```
#41656f rgb(65,101,111)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#336d7d
```
#336d7d rgb(51,109,125)
```
#2c7184
```
#2c7184 rgb(44,113,132)
```
#26758a
```
#26758a rgb(38,117,138)
```
#1f7891
```
#1f7891 rgb(31,120,145)
```
#187c98
```
#187c98 rgb(24,124,152)
```
#11809f
```
#11809f rgb(17,128,159)
```
#0b84a5
```
#0b84a5 rgb(11,132,165)
```
#0488ac
```
#0488ac rgb(4,136,172)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676978 Protanopia 1% of men
#686880 Deuteranopia 1% of men
#427179 Tritanopia 0.001% of the population

Trichromacy

#576977 Protanomaly 1% of men, 0.01% of women
#57687c Deuteranomaly 6% of men, 0.4% of women
#3f6e78 Tritanomaly 0.01% of the population

#3a6976 hex color

#3a6976 Color Information

#3a6976 Color Conversion

Color Schemes with #3a6976

Alternatives to #3a6976

#3a6976 Preview

Shades and Tints of #3a6976

Tones of #3a6976

Color Blindness Simulator