#30cb6f hex color

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

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

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

The hexadecimal color #30cb6f has RGB values of R:48, G:203, B:111 and CMYK values of C:0.76, M:0, Y:0.45, K:0.2. Its decimal value is 3197807.

Hex triplet	30cb6f	`#30cb6f`
RGB Decimal	48, 203, 111	`rgb(48,203,111)`
RGB Percent	18.8, 79.6, 43.5	`rgb(18.8%,79.6%,43.5%)`
CMYK	76, 0, 45, 20
HSL	144.4°, 61.8, 49.2	`hsl(144.4,61.8%,49.2%)`
HSV (or HSB)	144.4°, 76.4, 79.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.552, -59.451, 34.814
XYZ	25.442, 44.485, 22.284
xyY	0.276, 0.482, 44.485
CIE-LCH	72.552, 68.894, 149.647
CIE-LUV	72.552, -60.229, 55.42
Hunter-Lab	66.697, -48.63, 26.879
Binary	00110000, 11001011, 01101111

#30cb6f
```
#30cb6f rgb(48,203,111)
```
#cb308c
```
#cb308c rgb(203,48,140)
```

Complementary Color

#3fcb30
```
#3fcb30 rgb(63,203,48)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#30cbbd
```
#30cbbd rgb(48,203,189)
```

Analogous Color

#cb303f
```
#cb303f rgb(203,48,63)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#bd30cb
```
#bd30cb rgb(189,48,203)
```

Split Complementary Color

#cb6f30
```
#cb6f30 rgb(203,111,48)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#6f30cb
```
#6f30cb rgb(111,48,203)
```

Triadic Color

#8ccb30
```
#8ccb30 rgb(140,203,48)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#6f30cb
```
#6f30cb rgb(111,48,203)
```
#cb308c
```
#cb308c rgb(203,48,140)
```

Tetradic Color

#218d4d
```
#218d4d rgb(33,141,77)
```
#26a258
```
#26a258 rgb(38,162,88)
```
#2bb664
```
#2bb664 rgb(43,182,100)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#42d27d
```
#42d27d rgb(66,210,125)
```
#57d78b
```
#57d78b rgb(87,215,139)
```
#6bdc99
```
#6bdc99 rgb(107,220,153)
```

Monochromatic Color

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

#30cb48
```
#30cb48 rgb(48,203,72)
```
#30cb55
```
#30cb55 rgb(48,203,85)
```
#30cb62
```
#30cb62 rgb(48,203,98)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#30cb7c
```
#30cb7c rgb(48,203,124)
```
#30cb89
```
#30cb89 rgb(48,203,137)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```

Similar Colors

Text with hexadecimal color #30cb6f

This text has a font color of #30cb6f.

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

#30cb6f background color

This paragraph has a background color of #30cb6f.

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

#30cb6f border color

This element has a border color of #30cb6f.

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

CSS codes

.text {color:#30cb6f;}

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

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

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)
```
#071c10
```
#071c10 rgb(7,28,16)
```
#0a2c18
```
#0a2c18 rgb(10,44,24)
```
#0e3c21
```
#0e3c21 rgb(14,60,33)
```
#124c2a
```
#124c2a rgb(18,76,42)
```
#165c32
```
#165c32 rgb(22,92,50)
```
#196c3b
```
#196c3b rgb(25,108,59)
```
#1d7c44
```
#1d7c44 rgb(29,124,68)
```
#218c4c
```
#218c4c rgb(33,140,76)
```
#259b55
```
#259b55 rgb(37,155,85)
```
#28ab5e
```
#28ab5e rgb(40,171,94)
```
#2cbb66
```
#2cbb66 rgb(44,187,102)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```

Shade Color Variation

#3dd179
```
#3dd179 rgb(61,209,121)
```
#4dd584
```
#4dd584 rgb(77,213,132)
```
#5dd98f
```
#5dd98f rgb(93,217,143)
```
#6ddc9a
```
#6ddc9a rgb(109,220,154)
```
#7de0a5
```
#7de0a5 rgb(125,224,165)
```
#8de4b0
```
#8de4b0 rgb(141,228,176)
```
#9de8bb
```
#9de8bb rgb(157,232,187)
```
#acebc6
```
#acebc6 rgb(172,235,198)
```
#bcefd1
```
#bcefd1 rgb(188,239,209)
```
#ccf3dc
```
#ccf3dc rgb(204,243,220)
```
#dcf7e7
```
#dcf7e7 rgb(220,247,231)
```
#ecfaf2
```
#ecfaf2 rgb(236,250,242)
```
#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 #09f268 is the most saturated one.

#7d7e7d
```
#7d7e7d rgb(125,126,125)
```
#74877c
```
#74877c rgb(116,135,124)
```
#6a917a
```
#6a917a rgb(106,145,122)
```
#609b78
```
#609b78 rgb(96,155,120)
```
#57a476
```
#57a476 rgb(87,164,118)
```
#4dae74
```
#4dae74 rgb(77,174,116)
```
#43b873
```
#43b873 rgb(67,184,115)
```
#3ac171
```
#3ac171 rgb(58,193,113)
```
#30cb6f
```
#30cb6f rgb(48,203,111)
```
#26d56d
```
#26d56d rgb(38,213,109)
```
#1dde6b
```
#1dde6b rgb(29,222,107)
```
#13e86a
```
#13e86a rgb(19,232,106)
```
#09f268
```
#09f268 rgb(9,242,104)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e9d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b56d Protanopia 1% of men
#d7ae81 Deuteranopia 1% of men
#66c3d1 Tritanopia 0.001% of the population

Trichromacy

#8fbd6e Protanomaly 1% of men, 0.01% of women
#9ab87a Deuteranomaly 6% of men, 0.4% of women
#52c5ad Tritanomaly 0.01% of the population

#30cb6f hex color

#30cb6f Color Information

#30cb6f Color Conversion

Color Schemes with #30cb6f

Alternatives to #30cb6f

#30cb6f Preview

Shades and Tints of #30cb6f

Tones of #30cb6f

Color Blindness Simulator