#30b961 hex color

In a RGB color space, hex #30b961 is composed of 18.8% red, 72.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 47.6% yellow and 27.5% black. It has a hue angle of 141.5 degrees, a saturation of 58.8% and a lightness of 45.7%. #30b961 color hex could be obtained by blending #60ffc2 with #007300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 73
- B 38
RGB color chart
- C 74
- M 0
- Y 48
- K 27
CMYK color chart

● #30b961 color description : Moderate cyan - lime green.

The hexadecimal color #30b961 has RGB values of R:48, G:185, B:97 and CMYK values of C:0.74, M:0, Y:0.48, K:0.27. Its decimal value is 3193185.

Hex triplet	30b961	`#30b961`
RGB Decimal	48, 185, 97	`rgb(48,185,97)`
RGB Percent	18.8, 72.5, 38	`rgb(18.8%,72.5%,38%)`
CMYK	74, 0, 48, 27
HSL	141.5°, 58.8, 45.7	`hsl(141.5,58.8%,45.7%)`
HSV (or HSB)	141.5°, 74.1, 72.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.663, -55.363, 34.404
XYZ	20.724, 36.187, 17.201
xyY	0.28, 0.488, 36.187
CIE-LCH	66.663, 65.182, 148.142
CIE-LUV	66.663, -54.665, 52.964
Hunter-Lab	60.156, -43.778, 25.155
Binary	00110000, 10111001, 01100001

#30b961
```
#30b961 rgb(48,185,97)
```
#b93088
```
#b93088 rgb(185,48,136)
```

Complementary Color

#44b930
```
#44b930 rgb(68,185,48)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#30b9a6
```
#30b9a6 rgb(48,185,166)
```

Analogous Color

#b93044
```
#b93044 rgb(185,48,68)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#a630b9
```
#a630b9 rgb(166,48,185)
```

Split Complementary Color

#b96130
```
#b96130 rgb(185,97,48)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#6130b9
```
#6130b9 rgb(97,48,185)
```

Triadic Color

#88b930
```
#88b930 rgb(136,185,48)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#6130b9
```
#6130b9 rgb(97,48,185)
```
#b93088
```
#b93088 rgb(185,48,136)
```

Tetradic Color

#207c41
```
#207c41 rgb(32,124,65)
```
#25914c
```
#25914c rgb(37,145,76)
```
#2ba556
```
#2ba556 rgb(43,165,86)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#37cb6c
```
#37cb6c rgb(55,203,108)
```
#4cd07b
```
#4cd07b rgb(76,208,123)
```
#60d68a
```
#60d68a rgb(96,214,138)
```

Monochromatic Color

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

#30b93f
```
#30b93f rgb(48,185,63)
```
#30b94a
```
#30b94a rgb(48,185,74)
```
#30b956
```
#30b956 rgb(48,185,86)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#30b96c
```
#30b96c rgb(48,185,108)
```
#30b978
```
#30b978 rgb(48,185,120)
```
#30b983
```
#30b983 rgb(48,185,131)
```

Similar Colors

Text with hexadecimal color #30b961

This text has a font color of #30b961.

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

#30b961 background color

This paragraph has a background color of #30b961.

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

#30b961 border color

This element has a border color of #30b961.

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

CSS codes

.text {color:#30b961;}

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

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

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

#040e07
```
#040e07 rgb(4,14,7)
```
#081d0f
```
#081d0f rgb(8,29,15)
```
#0c2d18
```
#0c2d18 rgb(12,45,24)
```
#103c20
```
#103c20 rgb(16,60,32)
```
#144c28
```
#144c28 rgb(20,76,40)
```
#185c30
```
#185c30 rgb(24,92,48)
```
#1c6b38
```
#1c6b38 rgb(28,107,56)
```
#207b40
```
#207b40 rgb(32,123,64)
```
#248a49
```
#248a49 rgb(36,138,73)
```
#289a51
```
#289a51 rgb(40,154,81)
```
#2ca959
```
#2ca959 rgb(44,169,89)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#34c969
```
#34c969 rgb(52,201,105)
```

Shade Color Variation

#42ce74
```
#42ce74 rgb(66,206,116)
```
#52d280
```
#52d280 rgb(82,210,128)
```
#61d68b
```
#61d68b rgb(97,214,139)
```
#71da97
```
#71da97 rgb(113,218,151)
```
#81dea2
```
#81dea2 rgb(129,222,162)
```
#90e2ad
```
#90e2ad rgb(144,226,173)
```
#a0e6b9
```
#a0e6b9 rgb(160,230,185)
```
#afeac4
```
#afeac4 rgb(175,234,196)
```
#bfeed0
```
#bfeed0 rgb(191,238,208)
```
#cef2db
```
#cef2db rgb(206,242,219)
```
#def6e7
```
#def6e7 rgb(222,246,231)
```
#eefaf2
```
#eefaf2 rgb(238,250,242)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#6f7a73
```
#6f7a73 rgb(111,122,115)
```
#668370
```
#668370 rgb(102,131,112)
```
#5d8c6e
```
#5d8c6e rgb(93,140,110)
```
#54956b
```
#54956b rgb(84,149,107)
```
#4b9e69
```
#4b9e69 rgb(75,158,105)
```
#42a766
```
#42a766 rgb(66,167,102)
```
#39b064
```
#39b064 rgb(57,176,100)
```
#30b961
```
#30b961 rgb(48,185,97)
```
#27c25e
```
#27c25e rgb(39,194,94)
```
#1ecb5c
```
#1ecb5c rgb(30,203,92)
```
#15d459
```
#15d459 rgb(21,212,89)
```
#0cdd57
```
#0cdd57 rgb(12,221,87)
```
#03e654
```
#03e654 rgb(3,230,84)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#75907f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a761 Protanopia 1% of men
#c6a073 Deuteranopia 1% of men
#60b2bf Tritanopia 0.001% of the population

Trichromacy

#85ad61 Protanomaly 1% of men, 0.01% of women
#8fa96c Deuteranomaly 6% of men, 0.4% of women
#4eb59d Tritanomaly 0.01% of the population

#30b961 hex color

#30b961 Color Information

#30b961 Color Conversion

Color Schemes with #30b961

Alternatives to #30b961

#30b961 Preview

Shades and Tints of #30b961

Tones of #30b961

Color Blindness Simulator