#30a772 hex color

In a RGB color space, hex #30a772 is composed of 18.8% red, 65.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 31.7% yellow and 34.5% black. It has a hue angle of 153.3 degrees, a saturation of 55.3% and a lightness of 42.2%. #30a772 color hex could be obtained by blending #60ffe4 with #004f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 65
- B 45
RGB color chart
- C 71
- M 0
- Y 32
- K 35
CMYK color chart

● #30a772 color description : Dark cyan - lime green.

The hexadecimal color #30a772 has RGB values of R:48, G:167, B:114 and CMYK values of C:0.71, M:0, Y:0.32, K:0.35. Its decimal value is 3188594.

Hex triplet	30a772	`#30a772`
RGB Decimal	48, 167, 114	`rgb(48,167,114)`
RGB Percent	18.8, 65.5, 44.7	`rgb(18.8%,65.5%,44.7%)`
CMYK	71, 0, 32, 35
HSL	153.3°, 55.3, 42.2	`hsl(153.3,55.3%,42.2%)`
HSV (or HSB)	153.3°, 71.3, 65.5
Web Safe	339966	`#339966`

CIE-LAB	61.202, -45.245, 18.188
XYZ	18.074, 29.479, 20.656
xyY	0.265, 0.432, 29.479
CIE-LCH	61.202, 48.764, 158.101
CIE-LUV	61.202, -47.265, 31.587
Hunter-Lab	54.295, -35.597, 15.45
Binary	00110000, 10100111, 01110010

#30a772
```
#30a772 rgb(48,167,114)
```
#a73065
```
#a73065 rgb(167,48,101)
```

Complementary Color

#30a737
```
#30a737 rgb(48,167,55)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#30a1a7
```
#30a1a7 rgb(48,161,167)
```

Analogous Color

#a73730
```
#a73730 rgb(167,55,48)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#a730a1
```
#a730a1 rgb(167,48,161)
```

Split Complementary Color

#a77230
```
#a77230 rgb(167,114,48)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#7230a7
```
#7230a7 rgb(114,48,167)
```

Triadic Color

#65a730
```
#65a730 rgb(101,167,48)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#7230a7
```
#7230a7 rgb(114,48,167)
```
#a73065
```
#a73065 rgb(167,48,101)
```

Tetradic Color

#1f6c49
```
#1f6c49 rgb(31,108,73)
```
#257f57
```
#257f57 rgb(37,127,87)
```
#2a9364
```
#2a9364 rgb(42,147,100)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#36bb80
```
#36bb80 rgb(54,187,128)
```
#41c98c
```
#41c98c rgb(65,201,140)
```
#55ce98
```
#55ce98 rgb(85,206,152)
```

Monochromatic Color

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

#30a754
```
#30a754 rgb(48,167,84)
```
#30a75e
```
#30a75e rgb(48,167,94)
```
#30a768
```
#30a768 rgb(48,167,104)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#30a77c
```
#30a77c rgb(48,167,124)
```
#30a786
```
#30a786 rgb(48,167,134)
```
#30a790
```
#30a790 rgb(48,167,144)
```

Similar Colors

Text with hexadecimal color #30a772

This text has a font color of #30a772.

<span style="color:#30a772;">Text here</span>

#30a772 background color

This paragraph has a background color of #30a772.

<p style="background-color:#30a772;">Content here</p>

#30a772 border color

This element has a border color of #30a772.

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

CSS codes

.text {color:#30a772;}

.background {background-color:#30a772;}

.border {border:1px solid #30a772;}

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, #040f0a is the darkest color, while #feffff is the lightest one.

#040f0a
```
#040f0a rgb(4,15,10)
```
#091e14
```
#091e14 rgb(9,30,20)
```
#0d2d1f
```
#0d2d1f rgb(13,45,31)
```
#113c29
```
#113c29 rgb(17,60,41)
```
#164c34
```
#164c34 rgb(22,76,52)
```
#1a5b3e
```
#1a5b3e rgb(26,91,62)
```
#1e6a48
```
#1e6a48 rgb(30,106,72)
```
#237953
```
#237953 rgb(35,121,83)
```
#27895d
```
#27895d rgb(39,137,93)
```
#2c9868
```
#2c9868 rgb(44,152,104)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#34b67c
```
#34b67c rgb(52,182,124)
```
#39c587
```
#39c587 rgb(57,197,135)
```

Shade Color Variation

#48ca90
```
#48ca90 rgb(72,202,144)
```
#57cf99
```
#57cf99 rgb(87,207,153)
```
#66d3a2
```
#66d3a2 rgb(102,211,162)
```
#75d7ac
```
#75d7ac rgb(117,215,172)
```
#85dcb5
```
#85dcb5 rgb(133,220,181)
```
#94e0be
```
#94e0be rgb(148,224,190)
```
#a3e5c7
```
#a3e5c7 rgb(163,229,199)
```
#b2e9d1
```
#b2e9d1 rgb(178,233,209)
```
#c1edda
```
#c1edda rgb(193,237,218)
```
#d1f2e3
```
#d1f2e3 rgb(209,242,227)
```
#e0f6ec
```
#e0f6ec rgb(224,246,236)
```
#effaf5
```
#effaf5 rgb(239,250,245)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6d6c is the less saturated color, while #07d077 is the most saturated one.

#6a6d6c
```
#6a6d6c rgb(106,109,108)
```
#62756d
```
#62756d rgb(98,117,109)
```
#597e6d
```
#597e6d rgb(89,126,109)
```
#51866e
```
#51866e rgb(81,134,110)
```
#498e6f
```
#498e6f rgb(73,142,111)
```
#419670
```
#419670 rgb(65,150,112)
```
#389f71
```
#389f71 rgb(56,159,113)
```
#30a772
```
#30a772 rgb(48,167,114)
```
#28af73
```
#28af73 rgb(40,175,115)
```
#1fb874
```
#1fb874 rgb(31,184,116)
```
#17c075
```
#17c075 rgb(23,192,117)
```
#0fc876
```
#0fc876 rgb(15,200,118)
```
#07d077
```
#07d077 rgb(7,208,119)
```

Tone Color Variation

Below, you can see how #30a772 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

#7d7d7d Achromatopsia 0.005% of the population
#6e857b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49971 Protanopia 1% of men
#b09381 Deuteranopia 1% of men
#55a4b0 Tritanopia 0.001% of the population

Trichromacy

#7a9e71 Protanomaly 1% of men, 0.01% of women
#819a7b Deuteranomaly 6% of men, 0.4% of women
#47a599 Tritanomaly 0.01% of the population

#30a772 hex color

#30a772 Color Information

#30a772 Color Conversion

Color Schemes with #30a772

Alternatives to #30a772

#30a772 Preview

Shades and Tints of #30a772

Tones of #30a772

Color Blindness Simulator