colorhexa.com

#3f6d76 hex color

In a RGB color space, hex #3f6d76 is composed of 24.7% red, 42.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 7.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 189.8 degrees, a saturation of 30.4% and a lightness of 35.5%. #3f6d76 color hex could be obtained by blending #7edaec with #000000. Closest websafe color is: #336666.

- R 25
- G 43
- B 46
RGB color chart
- C 47
- M 8
- Y 0
- K 54
CMYK color chart

● #3f6d76 color description : Dark moderate cyan.

The hexadecimal color #3f6d76 has RGB values of R:63, G:109, B:118 and CMYK values of C:0.47, M:0.08, Y:0, K:0.54. Its decimal value is 4156790.

Hex triplet	3f6d76	`#3f6d76`
RGB Decimal	63, 109, 118	`rgb(63,109,118)`
RGB Percent	24.7, 42.7, 46.3	`rgb(24.7%,42.7%,46.3%)`
CMYK	47, 8, 0, 54
HSL	189.8°, 30.4, 35.5	`hsl(189.8,30.4%,35.5%)`
HSV (or HSB)	189.8°, 46.6, 46.3
Web Safe	336666	`#336666`

CIE-LAB	43.214, -13.148, -9.938
XYZ	10.788, 13.301, 19.138
xyY	0.25, 0.308, 13.301
CIE-LCH	43.214, 16.481, 217.084
CIE-LUV	43.214, -20.596, -11.9
Hunter-Lab	36.471, -11.026, -5.582
Binary	00111111, 01101101, 01110110

#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#76483f
```
#76483f rgb(118,72,63)
```

Complementary Color

#3f7664
```
#3f7664 rgb(63,118,100)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#3f5276
```
#3f5276 rgb(63,82,118)
```

Analogous Color

#76643f
```
#76643f rgb(118,100,63)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#763f52
```
#763f52 rgb(118,63,82)
```

Split Complementary Color

#6d763f
```
#6d763f rgb(109,118,63)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#763f6d
```
#763f6d rgb(118,63,109)
```

Triadic Color

#3f7648
```
#3f7648 rgb(63,118,72)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#763f6d
```
#763f6d rgb(118,63,109)
```
#76483f
```
#76483f rgb(118,72,63)
```

Tetradic Color

#243f44
```
#243f44 rgb(36,63,68)
```
#2d4e55
```
#2d4e55 rgb(45,78,85)
```
#365e65
```
#365e65 rgb(54,94,101)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#487c87
```
#487c87 rgb(72,124,135)
```
#518c97
```
#518c97 rgb(81,140,151)
```
#5a9ba7
```
#5a9ba7 rgb(90,155,167)
```

Monochromatic Color

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

#3f7671
```
#3f7671 rgb(63,118,113)
```
#3f7676
```
#3f7676 rgb(63,118,118)
```
#3f7276
```
#3f7276 rgb(63,114,118)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#3f6876
```
#3f6876 rgb(63,104,118)
```
#3f6476
```
#3f6476 rgb(63,100,118)
```
#3f5f76
```
#3f5f76 rgb(63,95,118)
```

Similar Colors

Text with hexadecimal color #3f6d76

This text has a font color of #3f6d76.

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

#3f6d76 background color

This paragraph has a background color of #3f6d76.

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

#3f6d76 border color

This element has a border color of #3f6d76.

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

CSS codes

.text {color:#3f6d76;}

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

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

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 #f5f9fa is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#080e10
```
#080e10 rgb(8,14,16)
```
#0f1a1c
```
#0f1a1c rgb(15,26,28)
```
#162629
```
#162629 rgb(22,38,41)
```
#1d3236
```
#1d3236 rgb(29,50,54)
```
#243e43
```
#243e43 rgb(36,62,67)
```
#2b4a50
```
#2b4a50 rgb(43,74,80)
```
#31555c
```
#31555c rgb(49,85,92)
```
#386169
```
#386169 rgb(56,97,105)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#467983
```
#467983 rgb(70,121,131)
```
#4d8590
```
#4d8590 rgb(77,133,144)
```
#53909c
```
#53909c rgb(83,144,156)
```

Shade Color Variation

#5c9ba8
```
#5c9ba8 rgb(92,155,168)
```
#68a3af
```
#68a3af rgb(104,163,175)
```
#75abb5
```
#75abb5 rgb(117,171,181)
```
#82b3bc
```
#82b3bc rgb(130,179,188)
```
#8fbbc3
```
#8fbbc3 rgb(143,187,195)
```
#9cc2ca
```
#9cc2ca rgb(156,194,202)
```
#a8cad1
```
#a8cad1 rgb(168,202,209)
```
#b5d2d8
```
#b5d2d8 rgb(181,210,216)
```
#c2dade
```
#c2dade rgb(194,218,222)
```
#cfe2e5
```
#cfe2e5 rgb(207,226,229)
```
#dce9ec
```
#dce9ec rgb(220,233,236)
```
#e8f1f3
```
#e8f1f3 rgb(232,241,243)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545f61 is the less saturated color, while #0097b5 is the most saturated one.

#545f61
```
#545f61 rgb(84,95,97)
```
#4d6468
```
#4d6468 rgb(77,100,104)
```
#46686f
```
#46686f rgb(70,104,111)
```
#3f6d76
```
#3f6d76 rgb(63,109,118)
```
#38727d
```
#38727d rgb(56,114,125)
```
#317684
```
#317684 rgb(49,118,132)
```
#2a7b8b
```
#2a7b8b rgb(42,123,139)
```
#238092
```
#238092 rgb(35,128,146)
```
#1c8499
```
#1c8499 rgb(28,132,153)
```
#1589a0
```
#1589a0 rgb(21,137,160)
```
#0e8ea7
```
#0e8ea7 rgb(14,142,167)
```
#0792ae
```
#0792ae rgb(7,146,174)
```
#0097b5
```
#0097b5 rgb(0,151,181)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#596364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6d78 Protanopia 1% of men
#6e6b80 Deuteranopia 1% of men
#48747d Tritanopia 0.001% of the population

Trichromacy

#5b6d77 Protanomaly 1% of men, 0.01% of women
#5d6c7c Deuteranomaly 6% of men, 0.4% of women
#45717a Tritanomaly 0.01% of the population