colorhexa.com

#3f8077 hex color

In a RGB color space, hex #3f8077 is composed of 24.7% red, 50.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 0% magenta, 7% yellow and 49.8% black. It has a hue angle of 171.7 degrees, a saturation of 34% and a lightness of 37.5%. #3f8077 color hex could be obtained by blending #7effee with #000100. Closest websafe color is: #339966.

- R 25
- G 50
- B 47
RGB color chart
- C 51
- M 0
- Y 7
- K 50
CMYK color chart

● #3f8077 color description : Dark moderate cyan.

The hexadecimal color #3f8077 has RGB values of R:63, G:128, B:119 and CMYK values of C:0.51, M:0, Y:0.07, K:0.5. Its decimal value is 4161655.

Hex triplet	3f8077	`#3f8077`
RGB Decimal	63, 128, 119	`rgb(63,128,119)`
RGB Percent	24.7, 50.2, 46.7	`rgb(24.7%,50.2%,46.7%)`
CMYK	51, 0, 7, 50
HSL	171.7°, 34, 37.5	`hsl(171.7,34%,37.5%)`
HSV (or HSB)	171.7°, 50.8, 50.2
Web Safe	339966	`#339966`

CIE-LAB	49.285, -23.139, -1.512
XYZ	13.098, 17.826, 20.202
xyY	0.256, 0.349, 17.826
CIE-LCH	49.285, 23.188, 183.739
CIE-LUV	49.285, -28.346, 1.291
Hunter-Lab	42.221, -18.512, 1.185
Binary	00111111, 10000000, 01110111

#3f8077
```
#3f8077 rgb(63,128,119)
```
#803f48
```
#803f48 rgb(128,63,72)
```

Complementary Color

#3f8057
```
#3f8057 rgb(63,128,87)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#3f6980
```
#3f6980 rgb(63,105,128)
```

Analogous Color

#80573f
```
#80573f rgb(128,87,63)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#803f69
```
#803f69 rgb(128,63,105)
```

Split Complementary Color

#80773f
```
#80773f rgb(128,119,63)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#773f80
```
#773f80 rgb(119,63,128)
```

Triadic Color

#48803f
```
#48803f rgb(72,128,63)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#773f80
```
#773f80 rgb(119,63,128)
```
#803f48
```
#803f48 rgb(128,63,72)
```

Tetradic Color

#264d47
```
#264d47 rgb(38,77,71)
```
#2e5e57
```
#2e5e57 rgb(46,94,87)
```
#376f67
```
#376f67 rgb(55,111,103)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#479187
```
#479187 rgb(71,145,135)
```
#50a297
```
#50a297 rgb(80,162,151)
```
#5cafa4
```
#5cafa4 rgb(92,175,164)
```

Monochromatic Color

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

#3f8067
```
#3f8067 rgb(63,128,103)
```
#3f806c
```
#3f806c rgb(63,128,108)
```
#3f8072
```
#3f8072 rgb(63,128,114)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#3f807c
```
#3f807c rgb(63,128,124)
```
#3f7e80
```
#3f7e80 rgb(63,126,128)
```
#3f7980
```
#3f7980 rgb(63,121,128)
```

Similar Colors

Text with hexadecimal color #3f8077

This text has a font color of #3f8077.

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

#3f8077 background color

This paragraph has a background color of #3f8077.

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

#3f8077 border color

This element has a border color of #3f8077.

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

CSS codes

.text {color:#3f8077;}

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

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

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, #050a09 is the darkest color, while #fcfdfd is the lightest one.

#050a09
```
#050a09 rgb(5,10,9)
```
#0b1715
```
#0b1715 rgb(11,23,21)
```
#122421
```
#122421 rgb(18,36,33)
```
#18312e
```
#18312e rgb(24,49,46)
```
#1f3e3a
```
#1f3e3a rgb(31,62,58)
```
#254b46
```
#254b46 rgb(37,75,70)
```
#2c5952
```
#2c5952 rgb(44,89,82)
```
#32665f
```
#32665f rgb(50,102,95)
```
#39736b
```
#39736b rgb(57,115,107)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#458d83
```
#458d83 rgb(69,141,131)
```
#4c9a8f
```
#4c9a8f rgb(76,154,143)
```
#52a79c
```
#52a79c rgb(82,167,156)
```

Shade Color Variation

#5eb0a4
```
#5eb0a4 rgb(94,176,164)
```
#6bb6ac
```
#6bb6ac rgb(107,182,172)
```
#78bdb3
```
#78bdb3 rgb(120,189,179)
```
#85c3bb
```
#85c3bb rgb(133,195,187)
```
#92cac2
```
#92cac2 rgb(146,202,194)
```
#a0d0c9
```
#a0d0c9 rgb(160,208,201)
```
#add6d1
```
#add6d1 rgb(173,214,209)
```
#baddd8
```
#baddd8 rgb(186,221,216)
```
#c7e3df
```
#c7e3df rgb(199,227,223)
```
#d4eae7
```
#d4eae7 rgb(212,234,231)
```
#e1f0ee
```
#e1f0ee rgb(225,240,238)
```
#eef7f6
```
#eef7f6 rgb(238,247,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6362 is the less saturated color, while #04bba1 is the most saturated one.

#5c6362
```
#5c6362 rgb(92,99,98)
```
#556a67
```
#556a67 rgb(85,106,103)
```
#4e716c
```
#4e716c rgb(78,113,108)
```
#467972
```
#467972 rgb(70,121,114)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#38877c
```
#38877c rgb(56,135,124)
```
#308f82
```
#308f82 rgb(48,143,130)
```
#299687
```
#299687 rgb(41,150,135)
```
#229d8c
```
#229d8c rgb(34,157,140)
```
#1aa592
```
#1aa592 rgb(26,165,146)
```
#13ac97
```
#13ac97 rgb(19,172,151)
```
#0cb39c
```
#0cb39c rgb(12,179,156)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#63706e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b78 Protanopia 1% of men
#847882 Deuteranopia 1% of men
#4f848d Tritanopia 0.001% of the population

Trichromacy

#677d77 Protanomaly 1% of men, 0.01% of women
#6b7b7e Deuteranomaly 6% of men, 0.4% of women
#498285 Tritanomaly 0.01% of the population