colorhexa.com

#3b7054 hex color

In a RGB color space, hex #3b7054 is composed of 23.1% red, 43.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 0% magenta, 25% yellow and 56.1% black. It has a hue angle of 148.3 degrees, a saturation of 31% and a lightness of 33.5%. #3b7054 color hex could be obtained by blending #76e0a8 with #000000. Closest websafe color is: #336666.

- R 23
- G 44
- B 33
RGB color chart
- C 47
- M 0
- Y 25
- K 56
CMYK color chart

● #3b7054 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #3b7054 has RGB values of R:59, G:112, B:84 and CMYK values of C:0.47, M:0, Y:0.25, K:0.56. Its decimal value is 3895380.

Hex triplet	3b7054	`#3b7054`
RGB Decimal	59, 112, 84	`rgb(59,112,84)`
RGB Percent	23.1, 43.9, 32.9	`rgb(23.1%,43.9%,32.9%)`
CMYK	47, 0, 25, 56
HSL	148.3°, 31, 33.5	`hsl(148.3,31%,33.5%)`
HSV (or HSB)	148.3°, 47.3, 43.9
Web Safe	336666	`#336666`

CIE-LAB	43, -24.758, 10.178
XYZ	9.197, 13.158, 10.442
xyY	0.28, 0.401, 13.158
CIE-LCH	43, 26.769, 157.652
CIE-LUV	43, -24.142, 16.466
Hunter-Lab	36.274, -18.218, 8.324
Binary	00111011, 01110000, 01010100

#3b7054
```
#3b7054 rgb(59,112,84)
```
#703b57
```
#703b57 rgb(112,59,87)
```

Complementary Color

#3d703b
```
#3d703b rgb(61,112,59)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#3b706f
```
#3b706f rgb(59,112,111)
```

Analogous Color

#703b3d
```
#703b3d rgb(112,59,61)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#6f3b70
```
#6f3b70 rgb(111,59,112)
```

Split Complementary Color

#70543b
```
#70543b rgb(112,84,59)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#543b70
```
#543b70 rgb(84,59,112)
```

Triadic Color

#213e2e
```
#213e2e rgb(33,62,46)
```
#294f3b
```
#294f3b rgb(41,79,59)
```
#325f47
```
#325f47 rgb(50,95,71)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#448161
```
#448161 rgb(68,129,97)
```
#4d916d
```
#4d916d rgb(77,145,109)
```
#55a27a
```
#55a27a rgb(85,162,122)
```

Monochromatic Color

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

#3b7047
```
#3b7047 rgb(59,112,71)
```
#3b704b
```
#3b704b rgb(59,112,75)
```
#3b7050
```
#3b7050 rgb(59,112,80)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#3b7058
```
#3b7058 rgb(59,112,88)
```
#3b705d
```
#3b705d rgb(59,112,93)
```
#3b7061
```
#3b7061 rgb(59,112,97)
```

Similar Colors

Text with hexadecimal color #3b7054

This text has a font color of #3b7054.

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

#3b7054 background color

This paragraph has a background color of #3b7054.

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

#3b7054 border color

This element has a border color of #3b7054.

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

CSS codes

.text {color:#3b7054;}

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

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

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

#050907
```
#050907 rgb(5,9,7)
```
#0c1611
```
#0c1611 rgb(12,22,17)
```
#12231a
```
#12231a rgb(18,35,26)
```
#193024
```
#193024 rgb(25,48,36)
```
#203d2d
```
#203d2d rgb(32,61,45)
```
#274937
```
#274937 rgb(39,73,55)
```
#2d5641
```
#2d5641 rgb(45,86,65)
```
#34634a
```
#34634a rgb(52,99,74)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#427d5e
```
#427d5e rgb(66,125,94)
```
#498a67
```
#498a67 rgb(73,138,103)
```
#4f9771
```
#4f9771 rgb(79,151,113)
```
#56a37b
```
#56a37b rgb(86,163,123)
```

Shade Color Variation

#61ac84
```
#61ac84 rgb(97,172,132)
```
#6eb38e
```
#6eb38e rgb(110,179,142)
```
#7bb998
```
#7bb998 rgb(123,185,152)
```
#88c0a2
```
#88c0a2 rgb(136,192,162)
```
#95c7ac
```
#95c7ac rgb(149,199,172)
```
#a1ceb6
```
#a1ceb6 rgb(161,206,182)
```
#aed4c0
```
#aed4c0 rgb(174,212,192)
```
#bbdbca
```
#bbdbca rgb(187,219,202)
```
#c8e2d4
```
#c8e2d4 rgb(200,226,212)
```
#d5e9de
```
#d5e9de rgb(213,233,222)
```
#e2f0e8
```
#e2f0e8 rgb(226,240,232)
```
#eff6f2
```
#eff6f2 rgb(239,246,242)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#555655
```
#555655 rgb(85,86,85)
```
#4f5c55
```
#4f5c55 rgb(79,92,85)
```
#486355
```
#486355 rgb(72,99,85)
```
#426954
```
#426954 rgb(66,105,84)
```
#3b7054
```
#3b7054 rgb(59,112,84)
```
#347754
```
#347754 rgb(52,119,84)
```
#2e7d53
```
#2e7d53 rgb(46,125,83)
```
#278453
```
#278453 rgb(39,132,83)
```
#218a53
```
#218a53 rgb(33,138,83)
```
#1a9152
```
#1a9152 rgb(26,145,82)
```
#149752
```
#149752 rgb(20,151,82)
```
#0d9e51
```
#0d9e51 rgb(13,158,81)
```
#06a551
```
#06a551 rgb(6,165,81)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#56615b Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d58 Protanopia 1% of men
#7c6961 Deuteranopia 1% of men
#4e737b Tritanopia 0.001% of the population

Trichromacy

#5f6e56 Protanomaly 1% of men, 0.01% of women
#646c5c Deuteranomaly 6% of men, 0.4% of women
#47726d Tritanomaly 0.01% of the population