#30cb69 hex color

In a RGB color space, hex #30cb69 is composed of 18.8% red, 79.6% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 48.3% yellow and 20.4% black. It has a hue angle of 142.1 degrees, a saturation of 61.8% and a lightness of 49.2%. #30cb69 color hex could be obtained by blending #60ffd2 with #009700. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 80
- B 41
RGB color chart
- C 76
- M 0
- Y 48
- K 20
CMYK color chart

● #30cb69 color description : Strong cyan - lime green.

The hexadecimal color #30cb69 has RGB values of R:48, G:203, B:105 and CMYK values of C:0.76, M:0, Y:0.48, K:0.2. Its decimal value is 3197801.

Hex triplet	30cb69	`#30cb69`
RGB Decimal	48, 203, 105	`rgb(48,203,105)`
RGB Percent	18.8, 79.6, 41.2	`rgb(18.8%,79.6%,41.2%)`
CMYK	76, 0, 48, 20
HSL	142.1°, 61.8, 49.2	`hsl(142.1,61.8%,49.2%)`
HSV (or HSB)	142.1°, 76.4, 79.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.467, -60.439, 37.711
XYZ	25.123, 44.358, 20.602
xyY	0.279, 0.492, 44.358
CIE-LCH	72.467, 71.239, 148.038
CIE-LUV	72.467, -60.536, 58.722
Hunter-Lab	66.602, -49.22, 28.281
Binary	00110000, 11001011, 01101001

#30cb69
```
#30cb69 rgb(48,203,105)
```
#cb3092
```
#cb3092 rgb(203,48,146)
```

Complementary Color

#45cb30
```
#45cb30 rgb(69,203,48)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#30cbb7
```
#30cbb7 rgb(48,203,183)
```

Analogous Color

#cb3045
```
#cb3045 rgb(203,48,69)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#b730cb
```
#b730cb rgb(183,48,203)
```

Split Complementary Color

#cb6930
```
#cb6930 rgb(203,105,48)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#6930cb
```
#6930cb rgb(105,48,203)
```

Triadic Color

#92cb30
```
#92cb30 rgb(146,203,48)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#6930cb
```
#6930cb rgb(105,48,203)
```
#cb3092
```
#cb3092 rgb(203,48,146)
```

Tetradic Color

#218d49
```
#218d49 rgb(33,141,73)
```
#26a254
```
#26a254 rgb(38,162,84)
```
#2bb65e
```
#2bb65e rgb(43,182,94)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#42d277
```
#42d277 rgb(66,210,119)
```
#57d786
```
#57d786 rgb(87,215,134)
```
#6bdc95
```
#6bdc95 rgb(107,220,149)
```

Monochromatic Color

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

#30cb42
```
#30cb42 rgb(48,203,66)
```
#30cb4f
```
#30cb4f rgb(48,203,79)
```
#30cb5c
```
#30cb5c rgb(48,203,92)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#30cb76
```
#30cb76 rgb(48,203,118)
```
#30cb83
```
#30cb83 rgb(48,203,131)
```
#30cb90
```
#30cb90 rgb(48,203,144)
```

Similar Colors

Text with hexadecimal color #30cb69

This text has a font color of #30cb69.

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

#30cb69 background color

This paragraph has a background color of #30cb69.

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

#30cb69 border color

This element has a border color of #30cb69.

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

CSS codes

.text {color:#30cb69;}

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

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

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, #030d07 is the darkest color, while #fcfefd is the lightest one.

#030d07
```
#030d07 rgb(3,13,7)
```
#071c0f
```
#071c0f rgb(7,28,15)
```
#0a2c17
```
#0a2c17 rgb(10,44,23)
```
#0e3c1f
```
#0e3c1f rgb(14,60,31)
```
#124c27
```
#124c27 rgb(18,76,39)
```
#165c30
```
#165c30 rgb(22,92,48)
```
#196c38
```
#196c38 rgb(25,108,56)
```
#1d7c40
```
#1d7c40 rgb(29,124,64)
```
#218c48
```
#218c48 rgb(33,140,72)
```
#259b50
```
#259b50 rgb(37,155,80)
```
#28ab59
```
#28ab59 rgb(40,171,89)
```
#2cbb61
```
#2cbb61 rgb(44,187,97)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```

Shade Color Variation

#3dd174
```
#3dd174 rgb(61,209,116)
```
#4dd57f
```
#4dd57f rgb(77,213,127)
```
#5dd98b
```
#5dd98b rgb(93,217,139)
```
#6ddc96
```
#6ddc96 rgb(109,220,150)
```
#7de0a1
```
#7de0a1 rgb(125,224,161)
```
#8de4ad
```
#8de4ad rgb(141,228,173)
```
#9de8b8
```
#9de8b8 rgb(157,232,184)
```
#acebc4
```
#acebc4 rgb(172,235,196)
```
#bcefcf
```
#bcefcf rgb(188,239,207)
```
#ccf3da
```
#ccf3da rgb(204,243,218)
```
#dcf7e6
```
#dcf7e6 rgb(220,247,230)
```
#ecfaf1
```
#ecfaf1 rgb(236,250,241)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e7d is the less saturated color, while #09f25f is the most saturated one.

#7d7e7d
```
#7d7e7d rgb(125,126,125)
```
#74877b
```
#74877b rgb(116,135,123)
```
#6a9178
```
#6a9178 rgb(106,145,120)
```
#609b76
```
#609b76 rgb(96,155,118)
```
#57a473
```
#57a473 rgb(87,164,115)
```
#4dae71
```
#4dae71 rgb(77,174,113)
```
#43b86e
```
#43b86e rgb(67,184,110)
```
#3ac16c
```
#3ac16c rgb(58,193,108)
```
#30cb69
```
#30cb69 rgb(48,203,105)
```
#26d566
```
#26d566 rgb(38,213,102)
```
#1dde64
```
#1dde64 rgb(29,222,100)
```
#13e861
```
#13e861 rgb(19,232,97)
```
#09f25f
```
#09f25f rgb(9,242,95)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e9d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b568 Protanopia 1% of men
#d8ae7b Deuteranopia 1% of men
#67c2d0 Tritanopia 0.001% of the population

Trichromacy

#90bd68 Protanomaly 1% of men, 0.01% of women
#9bb875 Deuteranomaly 6% of men, 0.4% of women
#53c5ab Tritanomaly 0.01% of the population

#30cb69 hex color

#30cb69 Color Information

#30cb69 Color Conversion

Color Schemes with #30cb69

Alternatives to #30cb69

#30cb69 Preview

Shades and Tints of #30cb69

Tones of #30cb69

Color Blindness Simulator