#30bf45 hex color

In a RGB color space, hex #30bf45 is composed of 18.8% red, 74.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 63.9% yellow and 25.1% black. It has a hue angle of 128.8 degrees, a saturation of 59.8% and a lightness of 46.9%. #30bf45 color hex could be obtained by blending #60ff8a with #007f00. Closest websafe color is: #33cc33.

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

● #30bf45 color description : Moderate lime green.

The hexadecimal color #30bf45 has RGB values of R:48, G:191, B:69 and CMYK values of C:0.75, M:0, Y:0.64, K:0.25. Its decimal value is 3194693.

Hex triplet	30bf45	`#30bf45`
RGB Decimal	48, 191, 69	`rgb(48,191,69)`
RGB Percent	18.8, 74.9, 27.1	`rgb(18.8%,74.9%,27.1%)`
CMYK	75, 0, 64, 25
HSL	128.8°, 59.8, 46.9	`hsl(128.8,59.8%,46.9%)`
HSV (or HSB)	128.8°, 74.9, 74.9
Web Safe	33cc33	`#33cc33`

CIE-LAB	68.254, -61.264, 49.581
XYZ	20.923, 38.318, 11.923
xyY	0.294, 0.538, 38.318
CIE-LCH	68.254, 78.813, 141.017
CIE-LUV	68.254, -57.944, 69.028
Hunter-Lab	61.901, -47.994, 31.911
Binary	00110000, 10111111, 01000101

#30bf45
```
#30bf45 rgb(48,191,69)
```
#bf30aa
```
#bf30aa rgb(191,48,170)
```

Complementary Color

#63bf30
```
#63bf30 rgb(99,191,48)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#30bf8d
```
#30bf8d rgb(48,191,141)
```

Analogous Color

#bf3063
```
#bf3063 rgb(191,48,99)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#8d30bf
```
#8d30bf rgb(141,48,191)
```

Split Complementary Color

#bf4530
```
#bf4530 rgb(191,69,48)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#4530bf
```
#4530bf rgb(69,48,191)
```

Triadic Color

#aabf30
```
#aabf30 rgb(170,191,48)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#4530bf
```
#4530bf rgb(69,48,191)
```
#bf30aa
```
#bf30aa rgb(191,48,170)
```

Tetradic Color

#21822f
```
#21822f rgb(33,130,47)
```
#269636
```
#269636 rgb(38,150,54)
```
#2bab3e
```
#2bab3e rgb(43,171,62)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#3bce50
```
#3bce50 rgb(59,206,80)
```
#4fd363
```
#4fd363 rgb(79,211,99)
```
#64d875
```
#64d875 rgb(100,216,117)
```

Monochromatic Color

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

#3fbf30
```
#3fbf30 rgb(63,191,48)
```
#33bf30
```
#33bf30 rgb(51,191,48)
```
#30bf39
```
#30bf39 rgb(48,191,57)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#30bf51
```
#30bf51 rgb(48,191,81)
```
#30bf5d
```
#30bf5d rgb(48,191,93)
```
#30bf69
```
#30bf69 rgb(48,191,105)
```

Similar Colors

Text with hexadecimal color #30bf45

This text has a font color of #30bf45.

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

#30bf45 background color

This paragraph has a background color of #30bf45.

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

#30bf45 border color

This element has a border color of #30bf45.

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

CSS codes

.text {color:#30bf45;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#051307
```
#051307 rgb(5,19,7)
```
#09220c
```
#09220c rgb(9,34,12)
```
#0d3212
```
#0d3212 rgb(13,50,18)
```
#104218
```
#104218 rgb(16,66,24)
```
#14511d
```
#14511d rgb(20,81,29)
```
#186123
```
#186123 rgb(24,97,35)
```
#1c7129
```
#1c7129 rgb(28,113,41)
```
#20802e
```
#20802e rgb(32,128,46)
```
#249034
```
#249034 rgb(36,144,52)
```
#28a03a
```
#28a03a rgb(40,160,58)
```
#2caf3f
```
#2caf3f rgb(44,175,63)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```

Shade Color Variation

#36cd4c
```
#36cd4c rgb(54,205,76)
```
#46d05a
```
#46d05a rgb(70,208,90)
```
#55d468
```
#55d468 rgb(85,212,104)
```
#65d876
```
#65d876 rgb(101,216,118)
```
#75dc84
```
#75dc84 rgb(117,220,132)
```
#84e092
```
#84e092 rgb(132,224,146)
```
#94e4a0
```
#94e4a0 rgb(148,228,160)
```
#a4e8ae
```
#a4e8ae rgb(164,232,174)
```
#b4ecbc
```
#b4ecbc rgb(180,236,188)
```
#c3f0ca
```
#c3f0ca rgb(195,240,202)
```
#d3f4d8
```
#d3f4d8 rgb(211,244,216)
```
#e3f8e6
```
#e3f8e6 rgb(227,248,230)
```
#f2fcf4
```
#f2fcf4 rgb(242,252,244)
```

Tint Color Variation

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

#707f72
```
#707f72 rgb(112,127,114)
```
#67886c
```
#67886c rgb(103,136,108)
```
#5e9165
```
#5e9165 rgb(94,145,101)
```
#559a5f
```
#559a5f rgb(85,154,95)
```
#4ca358
```
#4ca358 rgb(76,163,88)
```
#42ad52
```
#42ad52 rgb(66,173,82)
```
#39b64b
```
#39b64b rgb(57,182,75)
```
#30bf45
```
#30bf45 rgb(48,191,69)
```
#27c83f
```
#27c83f rgb(39,200,63)
```
#1ed138
```
#1ed138 rgb(30,209,56)
```
#14db32
```
#14db32 rgb(20,219,50)
```
#0be42b
```
#0be42b rgb(11,228,43)
```
#02ed25
```
#02ed25 rgb(2,237,37)
```

Tone Color Variation

Below, you can see how #30bf45 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
#759179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdab48 Protanopia 1% of men
#d0a35b Deuteranopia 1% of men
#66b6c3 Tritanopia 0.001% of the population

Trichromacy

#8ab246 Protanomaly 1% of men, 0.01% of women
#96ad53 Deuteranomaly 6% of men, 0.4% of women
#52b995 Tritanomaly 0.01% of the population

#30bf45 hex color

#30bf45 Color Information

#30bf45 Color Conversion

Color Schemes with #30bf45

Alternatives to #30bf45

#30bf45 Preview

Shades and Tints of #30bf45

Tones of #30bf45

Color Blindness Simulator