colorhexa.com

#30774e hex color

In a RGB color space, hex #30774e is composed of 18.8% red, 46.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 0% magenta, 34.5% yellow and 53.3% black. It has a hue angle of 145.4 degrees, a saturation of 42.5% and a lightness of 32.7%. #30774e color hex could be obtained by blending #60ee9c with #000000. Closest websafe color is: #336666.

- R 19
- G 47
- B 31
RGB color chart
- C 60
- M 0
- Y 34
- K 53
CMYK color chart

● #30774e color description : Dark moderate cyan - lime green.

The hexadecimal color #30774e has RGB values of R:48, G:119, B:78 and CMYK values of C:0.6, M:0, Y:0.34, K:0.53. Its decimal value is 3176270.

Hex triplet	30774e	`#30774e`
RGB Decimal	48, 119, 78	`rgb(48,119,78)`
RGB Percent	18.8, 46.7, 30.6	`rgb(18.8%,46.7%,30.6%)`
CMYK	60, 0, 34, 53
HSL	145.4°, 42.5, 32.7	`hsl(145.4,42.5%,32.7%)`
HSV (or HSB)	145.4°, 59.7, 46.7
Web Safe	336666	`#336666`

CIE-LAB	44.761, -32.409, 16.064
XYZ	9.19, 14.371, 9.497
xyY	0.278, 0.435, 14.371
CIE-LCH	44.761, 36.171, 153.634
CIE-LUV	44.761, -30.656, 24.666
Hunter-Lab	37.91, -23.069, 11.684
Binary	00110000, 01110111, 01001110

#30774e
```
#30774e rgb(48,119,78)
```
#773059
```
#773059 rgb(119,48,89)
```

Complementary Color

#367730
```
#367730 rgb(54,119,48)
```
#30774e
```
#30774e rgb(48,119,78)
```
#307772
```
#307772 rgb(48,119,114)
```

Analogous Color

#773036
```
#773036 rgb(119,48,54)
```
#30774e
```
#30774e rgb(48,119,78)
```
#723077
```
#723077 rgb(114,48,119)
```

Split Complementary Color

#774e30
```
#774e30 rgb(119,78,48)
```
#30774e
```
#30774e rgb(48,119,78)
```
#4e3077
```
#4e3077 rgb(78,48,119)
```

Triadic Color

#1a402a
```
#1a402a rgb(26,64,42)
```
#215336
```
#215336 rgb(33,83,54)
```
#296542
```
#296542 rgb(41,101,66)
```
#30774e
```
#30774e rgb(48,119,78)
```
#37895a
```
#37895a rgb(55,137,90)
```
#3f9b66
```
#3f9b66 rgb(63,155,102)
```
#46ae72
```
#46ae72 rgb(70,174,114)
```

Monochromatic Color

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

#30773c
```
#30773c rgb(48,119,60)
```
#307742
```
#307742 rgb(48,119,66)
```
#307748
```
#307748 rgb(48,119,72)
```
#30774e
```
#30774e rgb(48,119,78)
```
#307754
```
#307754 rgb(48,119,84)
```
#30775a
```
#30775a rgb(48,119,90)
```
#307760
```
#307760 rgb(48,119,96)
```

Similar Colors

Text with hexadecimal color #30774e

This text has a font color of #30774e.

<span style="color:#30774e;">Text here</span>

#30774e background color

This paragraph has a background color of #30774e.

<p style="background-color:#30774e;">Content here</p>

#30774e border color

This element has a border color of #30774e.

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

CSS codes

.text {color:#30774e;}

.background {background-color:#30774e;}

.border {border:1px solid #30774e;}

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

#030705
```
#030705 rgb(3,7,5)
```
#09150e
```
#09150e rgb(9,21,14)
```
#0e2317
```
#0e2317 rgb(14,35,23)
```
#143120
```
#143120 rgb(20,49,32)
```
#193f29
```
#193f29 rgb(25,63,41)
```
#1f4d33
```
#1f4d33 rgb(31,77,51)
```
#255b3c
```
#255b3c rgb(37,91,60)
```
#2a6945
```
#2a6945 rgb(42,105,69)
```
#30774e
```
#30774e rgb(48,119,78)
```
#368557
```
#368557 rgb(54,133,87)
```
#3b9360
```
#3b9360 rgb(59,147,96)
```
#41a169
```
#41a169 rgb(65,161,105)
```
#47af73
```
#47af73 rgb(71,175,115)
```

Shade Color Variation

#50b97c
```
#50b97c rgb(80,185,124)
```
#5ebe87
```
#5ebe87 rgb(94,190,135)
```
#6cc491
```
#6cc491 rgb(108,196,145)
```
#7aca9c
```
#7aca9c rgb(122,202,156)
```
#88cfa6
```
#88cfa6 rgb(136,207,166)
```
#96d5b1
```
#96d5b1 rgb(150,213,177)
```
#a4dabb
```
#a4dabb rgb(164,218,187)
```
#b2e0c6
```
#b2e0c6 rgb(178,224,198)
```
#c0e6d0
```
#c0e6d0 rgb(192,230,208)
```
#ceebdb
```
#ceebdb rgb(206,235,219)
```
#dcf1e5
```
#dcf1e5 rgb(220,241,229)
```
#eaf7ef
```
#eaf7ef rgb(234,247,239)
```
#f8fcfa
```
#f8fcfa rgb(248,252,250)
```

Tint Color Variation

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

#505753
```
#505753 rgb(80,87,83)
```
#4a5d52
```
#4a5d52 rgb(74,93,82)
```
#436451
```
#436451 rgb(67,100,81)
```
#3d6a50
```
#3d6a50 rgb(61,106,80)
```
#36714f
```
#36714f rgb(54,113,79)
```
#30774e
```
#30774e rgb(48,119,78)
```
#2a7d4d
```
#2a7d4d rgb(42,125,77)
```
#23844c
```
#23844c rgb(35,132,76)
```
#1d8a4b
```
#1d8a4b rgb(29,138,75)
```
#16914a
```
#16914a rgb(22,145,74)
```
#109749
```
#109749 rgb(16,151,73)
```
#099e48
```
#099e48 rgb(9,158,72)
```
#03a447
```
#03a447 rgb(3,164,71)
```

Tone Color Variation

Below, you can see how #30774e 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
#54625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7152 Protanopia 1% of men
#836d5c Deuteranopia 1% of men
#497881 Tritanopia 0.001% of the population

Trichromacy

#5f7350 Protanomaly 1% of men, 0.01% of women
#657057 Deuteranomaly 6% of men, 0.4% of women
#40786e Tritanomaly 0.01% of the population