#30bf48 hex color

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

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

● #30bf48 color description : Moderate lime green.

The hexadecimal color #30bf48 has RGB values of R:48, G:191, B:72 and CMYK values of C:0.75, M:0, Y:0.62, K:0.25. Its decimal value is 3194696.

Hex triplet	30bf48	`#30bf48`
RGB Decimal	48, 191, 72	`rgb(48,191,72)`
RGB Percent	18.8, 74.9, 28.2	`rgb(18.8%,74.9%,28.2%)`
CMYK	75, 0, 62, 25
HSL	130.1°, 59.8, 46.9	`hsl(130.1,59.8%,46.9%)`
HSV (or HSB)	130.1°, 74.9, 74.9
Web Safe	33cc33	`#33cc33`

CIE-LAB	68.282, -60.926, 48.302
XYZ	21.018, 38.356, 12.426
xyY	0.293, 0.534, 38.356
CIE-LCH	68.282, 77.75, 141.593
CIE-LUV	68.282, -57.837, 67.872
Hunter-Lab	61.932, -47.803, 31.456
Binary	00110000, 10111111, 01001000

#30bf48
```
#30bf48 rgb(48,191,72)
```
#bf30a7
```
#bf30a7 rgb(191,48,167)
```

Complementary Color

#60bf30
```
#60bf30 rgb(96,191,48)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#30bf90
```
#30bf90 rgb(48,191,144)
```

Analogous Color

#bf3060
```
#bf3060 rgb(191,48,96)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#9030bf
```
#9030bf rgb(144,48,191)
```

Split Complementary Color

#bf4830
```
#bf4830 rgb(191,72,48)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#4830bf
```
#4830bf rgb(72,48,191)
```

Triadic Color

#a7bf30
```
#a7bf30 rgb(167,191,48)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#4830bf
```
#4830bf rgb(72,48,191)
```
#bf30a7
```
#bf30a7 rgb(191,48,167)
```

Tetradic Color

#218231
```
#218231 rgb(33,130,49)
```
#269639
```
#269639 rgb(38,150,57)
```
#2bab40
```
#2bab40 rgb(43,171,64)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#3bce53
```
#3bce53 rgb(59,206,83)
```
#4fd365
```
#4fd365 rgb(79,211,101)
```
#64d877
```
#64d877 rgb(100,216,119)
```

Monochromatic Color

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

#3cbf30
```
#3cbf30 rgb(60,191,48)
```
#30bf30
```
#30bf30 rgb(48,191,48)
```
#30bf3c
```
#30bf3c rgb(48,191,60)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#30bf54
```
#30bf54 rgb(48,191,84)
```
#30bf60
```
#30bf60 rgb(48,191,96)
```
#30bf6c
```
#30bf6c rgb(48,191,108)
```

Similar Colors

Text with hexadecimal color #30bf48

This text has a font color of #30bf48.

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

#30bf48 background color

This paragraph has a background color of #30bf48.

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

#30bf48 border color

This element has a border color of #30bf48.

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

CSS codes

.text {color:#30bf48;}

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

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

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)
```
#09220d
```
#09220d rgb(9,34,13)
```
#0d3213
```
#0d3213 rgb(13,50,19)
```
#104219
```
#104219 rgb(16,66,25)
```
#14511f
```
#14511f rgb(20,81,31)
```
#186125
```
#186125 rgb(24,97,37)
```
#1c712a
```
#1c712a rgb(28,113,42)
```
#208030
```
#208030 rgb(32,128,48)
```
#249036
```
#249036 rgb(36,144,54)
```
#28a03c
```
#28a03c rgb(40,160,60)
```
#2caf42
```
#2caf42 rgb(44,175,66)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```

Shade Color Variation

#36cd4f
```
#36cd4f rgb(54,205,79)
```
#46d05d
```
#46d05d rgb(70,208,93)
```
#55d46b
```
#55d46b rgb(85,212,107)
```
#65d878
```
#65d878 rgb(101,216,120)
```
#75dc86
```
#75dc86 rgb(117,220,134)
```
#84e094
```
#84e094 rgb(132,224,148)
```
#94e4a2
```
#94e4a2 rgb(148,228,162)
```
#a4e8af
```
#a4e8af rgb(164,232,175)
```
#b4ecbd
```
#b4ecbd rgb(180,236,189)
```
#c3f0cb
```
#c3f0cb rgb(195,240,203)
```
#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, #707f73 is the less saturated color, while #02ed29 is the most saturated one.

#707f73
```
#707f73 rgb(112,127,115)
```
#67886d
```
#67886d rgb(103,136,109)
```
#5e9167
```
#5e9167 rgb(94,145,103)
```
#559a60
```
#559a60 rgb(85,154,96)
```
#4ca35a
```
#4ca35a rgb(76,163,90)
```
#42ad54
```
#42ad54 rgb(66,173,84)
```
#39b64e
```
#39b64e rgb(57,182,78)
```
#30bf48
```
#30bf48 rgb(48,191,72)
```
#27c842
```
#27c842 rgb(39,200,66)
```
#1ed13c
```
#1ed13c rgb(30,209,60)
```
#14db36
```
#14db36 rgb(20,219,54)
```
#0be430
```
#0be430 rgb(11,228,48)
```
#02ed29
```
#02ed29 rgb(2,237,41)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#76927a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdab4a Protanopia 1% of men
#d0a35d Deuteranopia 1% of men
#66b6c4 Tritanopia 0.001% of the population

Trichromacy

#8ab249 Protanomaly 1% of men, 0.01% of women
#95ad55 Deuteranomaly 6% of men, 0.4% of women
#52b996 Tritanomaly 0.01% of the population

#30bf48 hex color

#30bf48 Color Information

#30bf48 Color Conversion

Color Schemes with #30bf48

Alternatives to #30bf48

#30bf48 Preview

Shades and Tints of #30bf48

Tones of #30bf48

Color Blindness Simulator