colorhexa.com

#30a750 hex color

In a RGB color space, hex #30a750 is composed of 18.8% red, 65.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 52.1% yellow and 34.5% black. It has a hue angle of 136.1 degrees, a saturation of 55.3% and a lightness of 42.2%. #30a750 color hex could be obtained by blending #60ffa0 with #004f00. Closest websafe color is: #339966.

- R 19
- G 65
- B 31
RGB color chart
- C 71
- M 0
- Y 52
- K 35
CMYK color chart

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

The hexadecimal color #30a750 has RGB values of R:48, G:167, B:80 and CMYK values of C:0.71, M:0, Y:0.52, K:0.35. Its decimal value is 3188560.

Hex triplet	30a750	`#30a750`
RGB Decimal	48, 167, 80	`rgb(48,167,80)`
RGB Percent	18.8, 65.5, 31.4	`rgb(18.8%,65.5%,31.4%)`
CMYK	71, 0, 52, 35
HSL	136.1°, 55.3, 42.2	`hsl(136.1,55.3%,42.2%)`
HSV (or HSB)	136.1°, 71.3, 65.5
Web Safe	339966	`#339966`

CIE-LAB	60.643, -51.522, 35.494
XYZ	16.485, 28.843, 12.288
xyY	0.286, 0.501, 28.843
CIE-LCH	60.643, 62.565, 145.437
CIE-LUV	60.643, -49.008, 51.876
Hunter-Lab	53.706, -39.197, 24.029
Binary	00110000, 10100111, 01010000

#30a750
```
#30a750 rgb(48,167,80)
```
#a73087
```
#a73087 rgb(167,48,135)
```

Complementary Color

#4ca730
```
#4ca730 rgb(76,167,48)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#30a78c
```
#30a78c rgb(48,167,140)
```

Analogous Color

#a7304c
```
#a7304c rgb(167,48,76)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#8c30a7
```
#8c30a7 rgb(140,48,167)
```

Split Complementary Color

#a75030
```
#a75030 rgb(167,80,48)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#5030a7
```
#5030a7 rgb(80,48,167)
```

Triadic Color

#87a730
```
#87a730 rgb(135,167,48)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#5030a7
```
#5030a7 rgb(80,48,167)
```
#a73087
```
#a73087 rgb(167,48,135)
```

Tetradic Color

#1f6c34
```
#1f6c34 rgb(31,108,52)
```
#257f3d
```
#257f3d rgb(37,127,61)
```
#2a9347
```
#2a9347 rgb(42,147,71)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#36bb59
```
#36bb59 rgb(54,187,89)
```
#41c966
```
#41c966 rgb(65,201,102)
```
#55ce76
```
#55ce76 rgb(85,206,118)
```

Monochromatic Color

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

#30a732
```
#30a732 rgb(48,167,50)
```
#30a73c
```
#30a73c rgb(48,167,60)
```
#30a746
```
#30a746 rgb(48,167,70)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#30a75a
```
#30a75a rgb(48,167,90)
```
#30a764
```
#30a764 rgb(48,167,100)
```
#30a76e
```
#30a76e rgb(48,167,110)
```

Similar Colors

Text with hexadecimal color #30a750

This text has a font color of #30a750.

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

#30a750 background color

This paragraph has a background color of #30a750.

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

#30a750 border color

This element has a border color of #30a750.

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

CSS codes

.text {color:#30a750;}

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

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

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

#040f07
```
#040f07 rgb(4,15,7)
```
#091e0e
```
#091e0e rgb(9,30,14)
```
#0d2d16
```
#0d2d16 rgb(13,45,22)
```
#113c1d
```
#113c1d rgb(17,60,29)
```
#164c24
```
#164c24 rgb(22,76,36)
```
#1a5b2c
```
#1a5b2c rgb(26,91,44)
```
#1e6a33
```
#1e6a33 rgb(30,106,51)
```
#23793a
```
#23793a rgb(35,121,58)
```
#278941
```
#278941 rgb(39,137,65)
```
#2c9849
```
#2c9849 rgb(44,152,73)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#34b657
```
#34b657 rgb(52,182,87)
```
#39c55f
```
#39c55f rgb(57,197,95)
```

Shade Color Variation

#48ca6b
```
#48ca6b rgb(72,202,107)
```
#57cf77
```
#57cf77 rgb(87,207,119)
```
#66d383
```
#66d383 rgb(102,211,131)
```
#75d790
```
#75d790 rgb(117,215,144)
```
#85dc9c
```
#85dc9c rgb(133,220,156)
```
#94e0a8
```
#94e0a8 rgb(148,224,168)
```
#a3e5b5
```
#a3e5b5 rgb(163,229,181)
```
#b2e9c1
```
#b2e9c1 rgb(178,233,193)
```
#c1edcd
```
#c1edcd rgb(193,237,205)
```
#d1f2da
```
#d1f2da rgb(209,242,218)
```
#e0f6e6
```
#e0f6e6 rgb(224,246,230)
```
#effaf2
```
#effaf2 rgb(239,250,242)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6a6d6b
```
#6a6d6b rgb(106,109,107)
```
#627567
```
#627567 rgb(98,117,103)
```
#597e63
```
#597e63 rgb(89,126,99)
```
#51865f
```
#51865f rgb(81,134,95)
```
#498e5b
```
#498e5b rgb(73,142,91)
```
#419658
```
#419658 rgb(65,150,88)
```
#389f54
```
#389f54 rgb(56,159,84)
```
#30a750
```
#30a750 rgb(48,167,80)
```
#28af4c
```
#28af4c rgb(40,175,76)
```
#1fb848
```
#1fb848 rgb(31,184,72)
```
#17c045
```
#17c045 rgb(23,192,69)
```
#0fc841
```
#0fc841 rgb(15,200,65)
```
#07d03d
```
#07d03d rgb(7,208,61)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b8372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69852 Protanopia 1% of men
#b69162 Deuteranopia 1% of men
#5ba2ad Tritanopia 0.001% of the population

Trichromacy

#7b9d51 Protanomaly 1% of men, 0.01% of women
#85995b Deuteranomaly 6% of men, 0.4% of women
#4ba38b Tritanomaly 0.01% of the population