#30a66c hex color

In a RGB color space, hex #30a66c is composed of 18.8% red, 65.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 0% magenta, 34.9% yellow and 34.9% black. It has a hue angle of 150.5 degrees, a saturation of 55.1% and a lightness of 42%. #30a66c color hex could be obtained by blending #60ffd8 with #004d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 65
- B 42
RGB color chart
- C 71
- M 0
- Y 35
- K 35
CMYK color chart

● #30a66c color description : Dark cyan - lime green.

The hexadecimal color #30a66c has RGB values of R:48, G:166, B:108 and CMYK values of C:0.71, M:0, Y:0.35, K:0.35. Its decimal value is 3188332.

Hex triplet	30a66c	`#30a66c`
RGB Decimal	48, 166, 108	`rgb(48,166,108)`
RGB Percent	18.8, 65.1, 42.4	`rgb(18.8%,65.1%,42.4%)`
CMYK	71, 0, 35, 35
HSL	150.5°, 55.1, 42	`hsl(150.5,55.1%,42%)`
HSV (or HSB)	150.5°, 71.1, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.766, -46.11, 20.877
XYZ	17.561, 28.982, 18.855
xyY	0.269, 0.443, 28.982
CIE-LCH	60.766, 50.616, 155.64
CIE-LUV	60.766, -47.238, 34.964
Hunter-Lab	53.835, -35.985, 16.919
Binary	00110000, 10100110, 01101100

#30a66c
```
#30a66c rgb(48,166,108)
```
#a6306a
```
#a6306a rgb(166,48,106)
```

Complementary Color

#30a631
```
#30a631 rgb(48,166,49)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#30a5a6
```
#30a5a6 rgb(48,165,166)
```

Analogous Color

#a63130
```
#a63130 rgb(166,49,48)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#a630a5
```
#a630a5 rgb(166,48,165)
```

Split Complementary Color

#a66c30
```
#a66c30 rgb(166,108,48)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#6c30a6
```
#6c30a6 rgb(108,48,166)
```

Triadic Color

#6aa630
```
#6aa630 rgb(106,166,48)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#6c30a6
```
#6c30a6 rgb(108,48,166)
```
#a6306a
```
#a6306a rgb(166,48,106)
```

Tetradic Color

#1f6b45
```
#1f6b45 rgb(31,107,69)
```
#257e52
```
#257e52 rgb(37,126,82)
```
#2a925f
```
#2a925f rgb(42,146,95)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#36ba79
```
#36ba79 rgb(54,186,121)
```
#41c886
```
#41c886 rgb(65,200,134)
```
#55ce92
```
#55ce92 rgb(85,206,146)
```

Monochromatic Color

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

#30a64e
```
#30a64e rgb(48,166,78)
```
#30a658
```
#30a658 rgb(48,166,88)
```
#30a662
```
#30a662 rgb(48,166,98)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#30a676
```
#30a676 rgb(48,166,118)
```
#30a680
```
#30a680 rgb(48,166,128)
```
#30a68a
```
#30a68a rgb(48,166,138)
```

Similar Colors

Text with hexadecimal color #30a66c

This text has a font color of #30a66c.

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

#30a66c background color

This paragraph has a background color of #30a66c.

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

#30a66c border color

This element has a border color of #30a66c.

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

CSS codes

.text {color:#30a66c;}

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

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

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, #040e09 is the darkest color, while #fefffe is the lightest one.

#040e09
```
#040e09 rgb(4,14,9)
```
#081d13
```
#081d13 rgb(8,29,19)
```
#0d2c1d
```
#0d2c1d rgb(13,44,29)
```
#113b27
```
#113b27 rgb(17,59,39)
```
#164b31
```
#164b31 rgb(22,75,49)
```
#1a5a3b
```
#1a5a3b rgb(26,90,59)
```
#1e6944
```
#1e6944 rgb(30,105,68)
```
#23784e
```
#23784e rgb(35,120,78)
```
#278858
```
#278858 rgb(39,136,88)
```
#2c9762
```
#2c9762 rgb(44,151,98)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#34b576
```
#34b576 rgb(52,181,118)
```
#39c480
```
#39c480 rgb(57,196,128)
```

Shade Color Variation

#47ca8a
```
#47ca8a rgb(71,202,138)
```
#56ce93
```
#56ce93 rgb(86,206,147)
```
#65d39d
```
#65d39d rgb(101,211,157)
```
#75d7a7
```
#75d7a7 rgb(117,215,167)
```
#84dbb0
```
#84dbb0 rgb(132,219,176)
```
#93e0ba
```
#93e0ba rgb(147,224,186)
```
#a2e4c4
```
#a2e4c4 rgb(162,228,196)
```
#b2e9ce
```
#b2e9ce rgb(178,233,206)
```
#c1edd7
```
#c1edd7 rgb(193,237,215)
```
#d0f1e1
```
#d0f1e1 rgb(208,241,225)
```
#dff6eb
```
#dff6eb rgb(223,246,235)
```
#eefaf4
```
#eefaf4 rgb(238,250,244)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6c6b is the less saturated color, while #07cf6d is the most saturated one.

#6a6c6b
```
#6a6c6b rgb(106,108,107)
```
#61756b
```
#61756b rgb(97,117,107)
```
#597d6b
```
#597d6b rgb(89,125,107)
```
#51856b
```
#51856b rgb(81,133,107)
```
#498d6c
```
#498d6c rgb(73,141,108)
```
#40966c
```
#40966c rgb(64,150,108)
```
#389e6c
```
#389e6c rgb(56,158,108)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#28ae6c
```
#28ae6c rgb(40,174,108)
```
#20b66c
```
#20b66c rgb(32,182,108)
```
#17bf6c
```
#17bf6c rgb(23,191,108)
```
#0fc76d
```
#0fc76d rgb(15,199,109)
```
#07cf6d
```
#07cf6d rgb(7,207,109)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d8479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4986c Protanopia 1% of men
#b0927b Deuteranopia 1% of men
#56a3af Tritanopia 0.001% of the population

Trichromacy

#799d6c Protanomaly 1% of men, 0.01% of women
#819976 Deuteranomaly 6% of men, 0.4% of women
#48a496 Tritanomaly 0.01% of the population

#30a66c hex color

#30a66c Color Information

#30a66c Color Conversion

Color Schemes with #30a66c

Alternatives to #30a66c

#30a66c Preview

Shades and Tints of #30a66c

Tones of #30a66c

Color Blindness Simulator