#30a785 hex color

In a RGB color space, hex #30a785 is composed of 18.8% red, 65.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 20.4% yellow and 34.5% black. It has a hue angle of 162.9 degrees, a saturation of 55.3% and a lightness of 42.2%. #30a785 color hex could be obtained by blending #60ffff with #004f0b. Closest websafe color is: #339999.

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

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

The hexadecimal color #30a785 has RGB values of R:48, G:167, B:133 and CMYK values of C:0.71, M:0, Y:0.2, K:0.35. Its decimal value is 3188613.

Hex triplet	30a785	`#30a785`
RGB Decimal	48, 167, 133	`rgb(48,167,133)`
RGB Percent	18.8, 65.5, 52.2	`rgb(18.8%,65.5%,52.2%)`
CMYK	71, 0, 20, 35
HSL	162.9°, 55.3, 42.2	`hsl(162.9,55.3%,42.2%)`
HSV (or HSB)	162.9°, 71.3, 65.5
Web Safe	339999	`#339999`

CIE-LAB	61.618, -40.828, 8.241
XYZ	19.27, 29.957, 26.956
xyY	0.253, 0.393, 29.957
CIE-LCH	61.618, 41.651, 168.588
CIE-LUV	61.618, -46.114, 17.882
Hunter-Lab	54.733, -32.94, 9.113
Binary	00110000, 10100111, 10000101

#30a785
```
#30a785 rgb(48,167,133)
```
#a73052
```
#a73052 rgb(167,48,82)
```

Complementary Color

#30a74a
```
#30a74a rgb(48,167,74)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#308ea7
```
#308ea7 rgb(48,142,167)
```

Analogous Color

#a74a30
```
#a74a30 rgb(167,74,48)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#a7308e
```
#a7308e rgb(167,48,142)
```

Split Complementary Color

#a78530
```
#a78530 rgb(167,133,48)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#8530a7
```
#8530a7 rgb(133,48,167)
```

Triadic Color

#52a730
```
#52a730 rgb(82,167,48)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#8530a7
```
#8530a7 rgb(133,48,167)
```
#a73052
```
#a73052 rgb(167,48,82)
```

Tetradic Color

#1f6c56
```
#1f6c56 rgb(31,108,86)
```
#257f65
```
#257f65 rgb(37,127,101)
```
#2a9375
```
#2a9375 rgb(42,147,117)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#36bb95
```
#36bb95 rgb(54,187,149)
```
#41c9a2
```
#41c9a2 rgb(65,201,162)
```
#55ceac
```
#55ceac rgb(85,206,172)
```

Monochromatic Color

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

#30a767
```
#30a767 rgb(48,167,103)
```
#30a771
```
#30a771 rgb(48,167,113)
```
#30a77b
```
#30a77b rgb(48,167,123)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#30a78f
```
#30a78f rgb(48,167,143)
```
#30a799
```
#30a799 rgb(48,167,153)
```
#30a7a3
```
#30a7a3 rgb(48,167,163)
```

Similar Colors

Text with hexadecimal color #30a785

This text has a font color of #30a785.

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

#30a785 background color

This paragraph has a background color of #30a785.

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

#30a785 border color

This element has a border color of #30a785.

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

CSS codes

.text {color:#30a785;}

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

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

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

#040f0c
```
#040f0c rgb(4,15,12)
```
#091e18
```
#091e18 rgb(9,30,24)
```
#0d2d24
```
#0d2d24 rgb(13,45,36)
```
#113c30
```
#113c30 rgb(17,60,48)
```
#164c3c
```
#164c3c rgb(22,76,60)
```
#1a5b48
```
#1a5b48 rgb(26,91,72)
```
#1e6a54
```
#1e6a54 rgb(30,106,84)
```
#237961
```
#237961 rgb(35,121,97)
```
#27896d
```
#27896d rgb(39,137,109)
```
#2c9879
```
#2c9879 rgb(44,152,121)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#34b691
```
#34b691 rgb(52,182,145)
```
#39c59d
```
#39c59d rgb(57,197,157)
```

Shade Color Variation

#48caa5
```
#48caa5 rgb(72,202,165)
```
#57cfac
```
#57cfac rgb(87,207,172)
```
#66d3b4
```
#66d3b4 rgb(102,211,180)
```
#75d7bb
```
#75d7bb rgb(117,215,187)
```
#85dcc3
```
#85dcc3 rgb(133,220,195)
```
#94e0ca
```
#94e0ca rgb(148,224,202)
```
#a3e5d2
```
#a3e5d2 rgb(163,229,210)
```
#b2e9d9
```
#b2e9d9 rgb(178,233,217)
```
#c1ede1
```
#c1ede1 rgb(193,237,225)
```
#d1f2e8
```
#d1f2e8 rgb(209,242,232)
```
#e0f6f0
```
#e0f6f0 rgb(224,246,240)
```
#effaf7
```
#effaf7 rgb(239,250,247)
```
#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 #07d097 is the most saturated one.

#6a6d6c
```
#6a6d6c rgb(106,109,108)
```
#627570
```
#627570 rgb(98,117,112)
```
#597e73
```
#597e73 rgb(89,126,115)
```
#518677
```
#518677 rgb(81,134,119)
```
#498e7a
```
#498e7a rgb(73,142,122)
```
#41967e
```
#41967e rgb(65,150,126)
```
#389f81
```
#389f81 rgb(56,159,129)
```
#30a785
```
#30a785 rgb(48,167,133)
```
#28af89
```
#28af89 rgb(40,175,137)
```
#1fb88c
```
#1fb88c rgb(31,184,140)
```
#17c090
```
#17c090 rgb(23,192,144)
```
#0fc893
```
#0fc893 rgb(15,200,147)
```
#07d097
```
#07d097 rgb(7,208,151)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29983 Protanopia 1% of men
#ab9593 Deuteranopia 1% of men
#50a6b2 Tritanopia 0.001% of the population

Trichromacy

#789e83 Protanomaly 1% of men, 0.01% of women
#7e9b8d Deuteranomaly 6% of men, 0.4% of women
#44a6a1 Tritanomaly 0.01% of the population

#30a785 hex color

#30a785 Color Information

#30a785 Color Conversion

Color Schemes with #30a785

Alternatives to #30a785

#30a785 Preview

Shades and Tints of #30a785

Tones of #30a785

Color Blindness Simulator