#30bd66 hex color

In a RGB color space, hex #30bd66 is composed of 18.8% red, 74.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 46% yellow and 25.9% black. It has a hue angle of 143 degrees, a saturation of 59.5% and a lightness of 46.5%. #30bd66 color hex could be obtained by blending #60ffcc with #007b00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 74
- B 40
RGB color chart
- C 75
- M 0
- Y 46
- K 26
CMYK color chart

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

The hexadecimal color #30bd66 has RGB values of R:48, G:189, B:102 and CMYK values of C:0.75, M:0, Y:0.46, K:0.26. Its decimal value is 3194214.

Hex triplet	30bd66	`#30bd66`
RGB Decimal	48, 189, 102	`rgb(48,189,102)`
RGB Percent	18.8, 74.1, 40	`rgb(18.8%,74.1%,40%)`
CMYK	75, 0, 46, 26
HSL	143°, 59.5, 46.5	`hsl(143,59.5%,46.5%)`
HSV (or HSB)	143°, 74.6, 74.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.006, -55.972, 33.567
XYZ	21.813, 37.981, 18.751
xyY	0.278, 0.484, 37.981
CIE-LCH	68.006, 65.266, 149.049
CIE-LUV	68.006, -55.824, 52.475
Hunter-Lab	61.628, -44.67, 25.1
Binary	00110000, 10111101, 01100110

#30bd66
```
#30bd66 rgb(48,189,102)
```
#bd3087
```
#bd3087 rgb(189,48,135)
```

Complementary Color

#41bd30
```
#41bd30 rgb(65,189,48)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#30bdad
```
#30bdad rgb(48,189,173)
```

Analogous Color

#bd3041
```
#bd3041 rgb(189,48,65)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#ad30bd
```
#ad30bd rgb(173,48,189)
```

Split Complementary Color

#bd6630
```
#bd6630 rgb(189,102,48)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#6630bd
```
#6630bd rgb(102,48,189)
```

Triadic Color

#87bd30
```
#87bd30 rgb(135,189,48)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#6630bd
```
#6630bd rgb(102,48,189)
```
#bd3087
```
#bd3087 rgb(189,48,135)
```

Tetradic Color

#218045
```
#218045 rgb(33,128,69)
```
#269450
```
#269450 rgb(38,148,80)
```
#2ba95b
```
#2ba95b rgb(43,169,91)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#3acd72
```
#3acd72 rgb(58,205,114)
```
#4ed281
```
#4ed281 rgb(78,210,129)
```
#62d78f
```
#62d78f rgb(98,215,143)
```

Monochromatic Color

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

#30bd43
```
#30bd43 rgb(48,189,67)
```
#30bd4f
```
#30bd4f rgb(48,189,79)
```
#30bd5a
```
#30bd5a rgb(48,189,90)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#30bd72
```
#30bd72 rgb(48,189,114)
```
#30bd7e
```
#30bd7e rgb(48,189,126)
```
#30bd89
```
#30bd89 rgb(48,189,137)
```

Similar Colors

Text with hexadecimal color #30bd66

This text has a font color of #30bd66.

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

#30bd66 background color

This paragraph has a background color of #30bd66.

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

#30bd66 border color

This element has a border color of #30bd66.

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

CSS codes

.text {color:#30bd66;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041109
```
#041109 rgb(4,17,9)
```
#082112
```
#082112 rgb(8,33,18)
```
#0c301a
```
#0c301a rgb(12,48,26)
```
#104022
```
#104022 rgb(16,64,34)
```
#14502b
```
#14502b rgb(20,80,43)
```
#185f33
```
#185f33 rgb(24,95,51)
```
#1c6f3c
```
#1c6f3c rgb(28,111,60)
```
#207e44
```
#207e44 rgb(32,126,68)
```
#248e4d
```
#248e4d rgb(36,142,77)
```
#289e55
```
#289e55 rgb(40,158,85)
```
#2cad5e
```
#2cad5e rgb(44,173,94)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```

Shade Color Variation

#35cc6f
```
#35cc6f rgb(53,204,111)
```
#45d07a
```
#45d07a rgb(69,208,122)
```
#54d485
```
#54d485 rgb(84,212,133)
```
#64d890
```
#64d890 rgb(100,216,144)
```
#74dc9b
```
#74dc9b rgb(116,220,155)
```
#83e0a7
```
#83e0a7 rgb(131,224,167)
```
#93e4b2
```
#93e4b2 rgb(147,228,178)
```
#a2e7bd
```
#a2e7bd rgb(162,231,189)
```
#b2ebc8
```
#b2ebc8 rgb(178,235,200)
```
#c2efd3
```
#c2efd3 rgb(194,239,211)
```
#d1f3de
```
#d1f3de rgb(209,243,222)
```
#e1f7ea
```
#e1f7ea rgb(225,247,234)
```
#f1fbf5
```
#f1fbf5 rgb(241,251,245)
```

Tint Color Variation

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

#707d75
```
#707d75 rgb(112,125,117)
```
#678673
```
#678673 rgb(103,134,115)
```
#5e8f71
```
#5e8f71 rgb(94,143,113)
```
#54996f
```
#54996f rgb(84,153,111)
```
#4ba26c
```
#4ba26c rgb(75,162,108)
```
#42ab6a
```
#42ab6a rgb(66,171,106)
```
#39b468
```
#39b468 rgb(57,180,104)
```
#30bd66
```
#30bd66 rgb(48,189,102)
```
#27c664
```
#27c664 rgb(39,198,100)
```
#1ecf62
```
#1ecf62 rgb(30,207,98)
```
#15d860
```
#15d860 rgb(21,216,96)
```
#0ce15d
```
#0ce15d rgb(12,225,93)
```
#02eb5b
```
#02eb5b rgb(2,235,91)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#779382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaa66 Protanopia 1% of men
#caa378 Deuteranopia 1% of men
#61b6c3 Tritanopia 0.001% of the population

Trichromacy

#87b166 Protanomaly 1% of men, 0.01% of women
#92ac71 Deuteranomaly 6% of men, 0.4% of women
#4fb8a1 Tritanomaly 0.01% of the population

#30bd66 hex color

#30bd66 Color Information

#30bd66 Color Conversion

Color Schemes with #30bd66

Alternatives to #30bd66

#30bd66 Preview

Shades and Tints of #30bd66

Tones of #30bd66

Color Blindness Simulator