#30a15f hex color

In a RGB color space, hex #30a15f is composed of 18.8% red, 63.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 41% yellow and 36.9% black. It has a hue angle of 145 degrees, a saturation of 54.1% and a lightness of 41%. #30a15f color hex could be obtained by blending #60ffbe with #004300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 63
- B 37
RGB color chart
- C 70
- M 0
- Y 41
- K 37
CMYK color chart

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

The hexadecimal color #30a15f has RGB values of R:48, G:161, B:95 and CMYK values of C:0.7, M:0, Y:0.41, K:0.37. Its decimal value is 3187039.

Hex triplet	30a15f	`#30a15f`
RGB Decimal	48, 161, 95	`rgb(48,161,95)`
RGB Percent	18.8, 63.1, 37.3	`rgb(18.8%,63.1%,37.3%)`
CMYK	70, 0, 41, 37
HSL	145°, 54.1, 41	`hsl(145,54.1%,41%)`
HSV (or HSB)	145°, 70.2, 63.1
Web Safe	339966	`#339966`

CIE-LAB	58.921, -46.697, 25.466
XYZ	16.028, 26.943, 15.182
xyY	0.276, 0.463, 26.943
CIE-LCH	58.921, 53.19, 151.395
CIE-LUV	58.921, -46.092, 40.089
Hunter-Lab	51.906, -35.717, 18.993
Binary	00110000, 10100001, 01011111

#30a15f
```
#30a15f rgb(48,161,95)
```
#a13072
```
#a13072 rgb(161,48,114)
```

Complementary Color

#3aa130
```
#3aa130 rgb(58,161,48)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#30a198
```
#30a198 rgb(48,161,152)
```

Analogous Color

#a1303a
```
#a1303a rgb(161,48,58)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#9830a1
```
#9830a1 rgb(152,48,161)
```

Split Complementary Color

#a15f30
```
#a15f30 rgb(161,95,48)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#5f30a1
```
#5f30a1 rgb(95,48,161)
```

Triadic Color

#72a130
```
#72a130 rgb(114,161,48)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#5f30a1
```
#5f30a1 rgb(95,48,161)
```
#a13072
```
#a13072 rgb(161,48,114)
```

Tetradic Color

#1e663c
```
#1e663c rgb(30,102,60)
```
#247a48
```
#247a48 rgb(36,122,72)
```
#2a8d53
```
#2a8d53 rgb(42,141,83)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#36b56b
```
#36b56b rgb(54,181,107)
```
#3ec677
```
#3ec677 rgb(62,198,119)
```
#52cb85
```
#52cb85 rgb(82,203,133)
```

Monochromatic Color

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

#30a143
```
#30a143 rgb(48,161,67)
```
#30a14c
```
#30a14c rgb(48,161,76)
```
#30a156
```
#30a156 rgb(48,161,86)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#30a168
```
#30a168 rgb(48,161,104)
```
#30a172
```
#30a172 rgb(48,161,114)
```
#30a17b
```
#30a17b rgb(48,161,123)
```

Similar Colors

Text with hexadecimal color #30a15f

This text has a font color of #30a15f.

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

#30a15f background color

This paragraph has a background color of #30a15f.

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

#30a15f border color

This element has a border color of #30a15f.

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

CSS codes

.text {color:#30a15f;}

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

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

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

#030a06
```
#030a06 rgb(3,10,6)
```
#07190f
```
#07190f rgb(7,25,15)
```
#0c2818
```
#0c2818 rgb(12,40,24)
```
#103721
```
#103721 rgb(16,55,33)
```
#15462a
```
#15462a rgb(21,70,42)
```
#195532
```
#195532 rgb(25,85,50)
```
#1e653b
```
#1e653b rgb(30,101,59)
```
#227444
```
#227444 rgb(34,116,68)
```
#27834d
```
#27834d rgb(39,131,77)
```
#2b9256
```
#2b9256 rgb(43,146,86)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#35b068
```
#35b068 rgb(53,176,104)
```
#39bf71
```
#39bf71 rgb(57,191,113)
```

Shade Color Variation

#44c77b
```
#44c77b rgb(68,199,123)
```
#54cc86
```
#54cc86 rgb(84,204,134)
```
#63d090
```
#63d090 rgb(99,208,144)
```
#72d59b
```
#72d59b rgb(114,213,155)
```
#81d9a6
```
#81d9a6 rgb(129,217,166)
```
#90deb0
```
#90deb0 rgb(144,222,176)
```
#9fe2bb
```
#9fe2bb rgb(159,226,187)
```
#aee7c6
```
#aee7c6 rgb(174,231,198)
```
#bdebd1
```
#bdebd1 rgb(189,235,209)
```
#ccf0db
```
#ccf0db rgb(204,240,219)
```
#dcf4e6
```
#dcf4e6 rgb(220,244,230)
```
#ebf9f1
```
#ebf9f1 rgb(235,249,241)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686968 is the less saturated color, while #08c958 is the most saturated one.

#686968
```
#686968 rgb(104,105,104)
```
#607167
```
#607167 rgb(96,113,103)
```
#587966
```
#587966 rgb(88,121,102)
```
#508164
```
#508164 rgb(80,129,100)
```
#488963
```
#488963 rgb(72,137,99)
```
#409162
```
#409162 rgb(64,145,98)
```
#389960
```
#389960 rgb(56,153,96)
```
#30a15f
```
#30a15f rgb(48,161,95)
```
#28a95e
```
#28a95e rgb(40,169,94)
```
#20b15c
```
#20b15c rgb(32,177,92)
```
#18b95b
```
#18b95b rgb(24,185,91)
```
#10c15a
```
#10c15a rgb(16,193,90)
```
#08c958
```
#08c958 rgb(8,201,88)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6a8073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09360 Protanopia 1% of men
#ad8d6f Deuteranopia 1% of men
#569da9 Tritanopia 0.001% of the population

Trichromacy

#77985f Protanomaly 1% of men, 0.01% of women
#7f9469 Deuteranomaly 6% of men, 0.4% of women
#489f8e Tritanomaly 0.01% of the population

#30a15f hex color

#30a15f Color Information

#30a15f Color Conversion

Color Schemes with #30a15f

Alternatives to #30a15f

#30a15f Preview

Shades and Tints of #30a15f

Tones of #30a15f

Color Blindness Simulator