#30d69c hex color

In a RGB color space, hex #30d69c is composed of 18.8% red, 83.9% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 0% magenta, 27.1% yellow and 16.1% black. It has a hue angle of 159 degrees, a saturation of 66.9% and a lightness of 51.4%. #30d69c color hex could be obtained by blending #60ffff with #00ad39. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 84
- B 61
RGB color chart
- C 78
- M 0
- Y 27
- K 16
CMYK color chart

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

The hexadecimal color #30d69c has RGB values of R:48, G:214, B:156 and CMYK values of C:0.78, M:0, Y:0.27, K:0.16. Its decimal value is 3200668.

Hex triplet	30d69c	`#30d69c`
RGB Decimal	48, 214, 156	`rgb(48,214,156)`
RGB Percent	18.8, 83.9, 61.2	`rgb(18.8%,83.9%,61.2%)`
CMYK	78, 0, 27, 16
HSL	159°, 66.9, 51.4	`hsl(159,66.9%,51.4%)`
HSV (or HSB)	159°, 77.6, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.751, -54.641, 17.071
XYZ	31.264, 51.119, 39.67
xyY	0.256, 0.419, 51.119
CIE-LCH	76.751, 57.246, 162.65
CIE-LUV	76.751, -61.336, 33.27
Hunter-Lab	71.497, -47.067, 17.151
Binary	00110000, 11010110, 10011100

#30d69c
```
#30d69c rgb(48,214,156)
```
#d6306a
```
#d6306a rgb(214,48,106)
```

Complementary Color

#30d649
```
#30d649 rgb(48,214,73)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#30bdd6
```
#30bdd6 rgb(48,189,214)
```

Analogous Color

#d64930
```
#d64930 rgb(214,73,48)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#d630bd
```
#d630bd rgb(214,48,189)
```

Split Complementary Color

#d69c30
```
#d69c30 rgb(214,156,48)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#9c30d6
```
#9c30d6 rgb(156,48,214)
```

Triadic Color

#6ad630
```
#6ad630 rgb(106,214,48)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#9c30d6
```
#9c30d6 rgb(156,48,214)
```
#d6306a
```
#d6306a rgb(214,48,106)
```

Tetradic Color

#1f9b6f
```
#1f9b6f rgb(31,155,111)
```
#23b07f
```
#23b07f rgb(35,176,127)
```
#27c58e
```
#27c58e rgb(39,197,142)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#45daa6
```
#45daa6 rgb(69,218,166)
```
#5bdeb0
```
#5bdeb0 rgb(91,222,176)
```
#70e3bb
```
#70e3bb rgb(112,227,187)
```

Monochromatic Color

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

#30d673
```
#30d673 rgb(48,214,115)
```
#30d680
```
#30d680 rgb(48,214,128)
```
#30d68e
```
#30d68e rgb(48,214,142)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#30d6aa
```
#30d6aa rgb(48,214,170)
```
#30d6b8
```
#30d6b8 rgb(48,214,184)
```
#30d6c6
```
#30d6c6 rgb(48,214,198)
```

Similar Colors

Text with hexadecimal color #30d69c

This text has a font color of #30d69c.

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

#30d69c background color

This paragraph has a background color of #30d69c.

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

#30d69c border color

This element has a border color of #30d69c.

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

CSS codes

.text {color:#30d69c;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#041610
```
#041610 rgb(4,22,16)
```
#08271c
```
#08271c rgb(8,39,28)
```
#0b3728
```
#0b3728 rgb(11,55,40)
```
#0e4733
```
#0e4733 rgb(14,71,51)
```
#11583f
```
#11583f rgb(17,88,63)
```
#15684b
```
#15684b rgb(21,104,75)
```
#187857
```
#187857 rgb(24,120,87)
```
#1b8962
```
#1b8962 rgb(27,137,98)
```
#1e996e
```
#1e996e rgb(30,153,110)
```
#22aa7a
```
#22aa7a rgb(34,170,122)
```
#25ba86
```
#25ba86 rgb(37,186,134)
```
#28ca92
```
#28ca92 rgb(40,202,146)
```

Shade Color Variation

#30d69c
```
#30d69c rgb(48,214,156)
```
#40d9a4
```
#40d9a4 rgb(64,217,164)
```
#51dcac
```
#51dcac rgb(81,220,172)
```
#61e0b3
```
#61e0b3 rgb(97,224,179)
```
#71e3bb
```
#71e3bb rgb(113,227,187)
```
#82e6c3
```
#82e6c3 rgb(130,230,195)
```
#92e9cb
```
#92e9cb rgb(146,233,203)
```
#a3edd3
```
#a3edd3 rgb(163,237,211)
```
#b3f0db
```
#b3f0db rgb(179,240,219)
```
#c3f3e2
```
#c3f3e2 rgb(195,243,226)
```
#d4f6ea
```
#d4f6ea rgb(212,246,234)
```
#e4faf2
```
#e4faf2 rgb(228,250,242)
```
#f4fdfa
```
#f4fdfa rgb(244,253,250)
```

Tint Color Variation

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

#7c8a85
```
#7c8a85 rgb(124,138,133)
```
#739388
```
#739388 rgb(115,147,136)
```
#699d8b
```
#699d8b rgb(105,157,139)
```
#60a68e
```
#60a68e rgb(96,166,142)
```
#56b091
```
#56b091 rgb(86,176,145)
```
#4db993
```
#4db993 rgb(77,185,147)
```
#43c396
```
#43c396 rgb(67,195,150)
```
#3acc99
```
#3acc99 rgb(58,204,153)
```
#30d69c
```
#30d69c rgb(48,214,156)
```
#26e09f
```
#26e09f rgb(38,224,159)
```
#1de9a2
```
#1de9a2 rgb(29,233,162)
```
#13f3a5
```
#13f3a5 rgb(19,243,165)
```
#0afca7
```
#0afca7 rgb(10,252,167)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#88a99e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc096 Protanopia 1% of men
#dabaab Deuteranopia 1% of men
#61cfdf Tritanopia 0.001% of the population

Trichromacy

#94c898 Protanomaly 1% of men, 0.01% of women
#9cc4a5 Deuteranomaly 6% of men, 0.4% of women
#4fd2c6 Tritanomaly 0.01% of the population

#30d69c hex color

#30d69c Color Information

#30d69c Color Conversion

Color Schemes with #30d69c

Alternatives to #30d69c

#30d69c Preview

Shades and Tints of #30d69c

Tones of #30d69c

Color Blindness Simulator