#30bf81 hex color

In a RGB color space, hex #30bf81 is composed of 18.8% red, 74.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 32.5% yellow and 25.1% black. It has a hue angle of 154 degrees, a saturation of 59.8% and a lightness of 46.9%. #30bf81 color hex could be obtained by blending #60ffff with #007f03. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 75
- B 51
RGB color chart
- C 75
- M 0
- Y 32
- K 25
CMYK color chart

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

The hexadecimal color #30bf81 has RGB values of R:48, G:191, B:129 and CMYK values of C:0.75, M:0, Y:0.32, K:0.25. Its decimal value is 3194753.

Hex triplet	30bf81	`#30bf81`
RGB Decimal	48, 191, 129	`rgb(48,191,129)`
RGB Percent	18.8, 74.9, 50.6	`rgb(18.8%,74.9%,50.6%)`
CMYK	75, 0, 32, 25
HSL	154°, 59.8, 46.9	`hsl(154,59.8%,46.9%)`
HSV (or HSB)	154°, 74.9, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.092, -51.582, 20.856
XYZ	23.81, 39.473, 27.132
xyY	0.263, 0.437, 39.473
CIE-LCH	69.092, 55.639, 157.985
CIE-LUV	69.092, -55.017, 36.95
Hunter-Lab	62.827, -42.299, 18.375
Binary	00110000, 10111111, 10000001

#30bf81
```
#30bf81 rgb(48,191,129)
```
#bf306e
```
#bf306e rgb(191,48,110)
```

Complementary Color

#30bf3a
```
#30bf3a rgb(48,191,58)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#30b6bf
```
#30b6bf rgb(48,182,191)
```

Analogous Color

#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#bf30b6
```
#bf30b6 rgb(191,48,182)
```

Split Complementary Color

#bf8130
```
#bf8130 rgb(191,129,48)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#8130bf
```
#8130bf rgb(129,48,191)
```

Triadic Color

#6ebf30
```
#6ebf30 rgb(110,191,48)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#8130bf
```
#8130bf rgb(129,48,191)
```
#bf306e
```
#bf306e rgb(191,48,110)
```

Tetradic Color

#218258
```
#218258 rgb(33,130,88)
```
#269665
```
#269665 rgb(38,150,101)
```
#2bab73
```
#2bab73 rgb(43,171,115)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#3bce8e
```
#3bce8e rgb(59,206,142)
```
#4fd39a
```
#4fd39a rgb(79,211,154)
```
#64d8a5
```
#64d8a5 rgb(100,216,165)
```

Monochromatic Color

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

#30bf5d
```
#30bf5d rgb(48,191,93)
```
#30bf69
```
#30bf69 rgb(48,191,105)
```
#30bf75
```
#30bf75 rgb(48,191,117)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#30bf8d
```
#30bf8d rgb(48,191,141)
```
#30bf99
```
#30bf99 rgb(48,191,153)
```
#30bfa5
```
#30bfa5 rgb(48,191,165)
```

Similar Colors

Text with hexadecimal color #30bf81

This text has a font color of #30bf81.

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

#30bf81 background color

This paragraph has a background color of #30bf81.

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

#30bf81 border color

This element has a border color of #30bf81.

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

CSS codes

.text {color:#30bf81;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05130d
```
#05130d rgb(5,19,13)
```
#092217
```
#092217 rgb(9,34,23)
```
#0d3222
```
#0d3222 rgb(13,50,34)
```
#10422c
```
#10422c rgb(16,66,44)
```
#145137
```
#145137 rgb(20,81,55)
```
#186141
```
#186141 rgb(24,97,65)
```
#1c714c
```
#1c714c rgb(28,113,76)
```
#208057
```
#208057 rgb(32,128,87)
```
#249061
```
#249061 rgb(36,144,97)
```
#28a06c
```
#28a06c rgb(40,160,108)
```
#2caf76
```
#2caf76 rgb(44,175,118)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```

Shade Color Variation

#36cd8b
```
#36cd8b rgb(54,205,139)
```
#46d094
```
#46d094 rgb(70,208,148)
```
#55d49d
```
#55d49d rgb(85,212,157)
```
#65d8a6
```
#65d8a6 rgb(101,216,166)
```
#75dcaf
```
#75dcaf rgb(117,220,175)
```
#84e0b8
```
#84e0b8 rgb(132,224,184)
```
#94e4c1
```
#94e4c1 rgb(148,228,193)
```
#a4e8ca
```
#a4e8ca rgb(164,232,202)
```
#b4ecd4
```
#b4ecd4 rgb(180,236,212)
```
#c3f0dd
```
#c3f0dd rgb(195,240,221)
```
#d3f4e6
```
#d3f4e6 rgb(211,244,230)
```
#e3f8ef
```
#e3f8ef rgb(227,248,239)
```
#f2fcf8
```
#f2fcf8 rgb(242,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707f78 is the less saturated color, while #02ed87 is the most saturated one.

#707f78
```
#707f78 rgb(112,127,120)
```
#67887a
```
#67887a rgb(103,136,122)
```
#5e917b
```
#5e917b rgb(94,145,123)
```
#559a7c
```
#559a7c rgb(85,154,124)
```
#4ca37d
```
#4ca37d rgb(76,163,125)
```
#42ad7f
```
#42ad7f rgb(66,173,127)
```
#39b680
```
#39b680 rgb(57,182,128)
```
#30bf81
```
#30bf81 rgb(48,191,129)
```
#27c882
```
#27c882 rgb(39,200,130)
```
#1ed183
```
#1ed183 rgb(30,209,131)
```
#14db85
```
#14db85 rgb(20,219,133)
```
#0be486
```
#0be486 rgb(11,228,134)
```
#02ed87
```
#02ed87 rgb(2,237,135)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a978b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ac7e Protanopia 1% of men
#c7a691 Deuteranopia 1% of men
#5cbac7 Tritanopia 0.001% of the population

Trichromacy

#87b37f Protanomaly 1% of men, 0.01% of women
#90af8b Deuteranomaly 6% of men, 0.4% of women
#4cbbad Tritanomaly 0.01% of the population

#30bf81 hex color

#30bf81 Color Information

#30bf81 Color Conversion

Color Schemes with #30bf81

Alternatives to #30bf81

#30bf81 Preview

Shades and Tints of #30bf81

Tones of #30bf81

Color Blindness Simulator