#30a358 hex color

In a RGB color space, hex #30a358 is composed of 18.8% red, 63.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 46% yellow and 36.1% black. It has a hue angle of 140.9 degrees, a saturation of 54.5% and a lightness of 41.4%. #30a358 color hex could be obtained by blending #60ffb0 with #004700. Closest websafe color is: #339966.

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

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

The hexadecimal color #30a358 has RGB values of R:48, G:163, B:88 and CMYK values of C:0.71, M:0, Y:0.46, K:0.36. Its decimal value is 3187544.

Hex triplet	30a358	`#30a358`
RGB Decimal	48, 163, 88	`rgb(48,163,88)`
RGB Percent	18.8, 63.9, 34.5	`rgb(18.8%,63.9%,34.5%)`
CMYK	71, 0, 46, 36
HSL	140.9°, 54.5, 41.4	`hsl(140.9,54.5%,41.4%)`
HSV (or HSB)	140.9°, 70.6, 63.9
Web Safe	339966	`#339966`

CIE-LAB	59.458, -48.733, 29.886
XYZ	16.077, 27.526, 13.698
xyY	0.281, 0.48, 27.526
CIE-LCH	59.458, 57.167, 148.481
CIE-LUV	59.458, -47.177, 45.365
Hunter-Lab	52.465, -37.117, 21.246
Binary	00110000, 10100011, 01011000

#30a358
```
#30a358 rgb(48,163,88)
```
#a3307b
```
#a3307b rgb(163,48,123)
```

Complementary Color

#42a330
```
#42a330 rgb(66,163,48)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#30a392
```
#30a392 rgb(48,163,146)
```

Analogous Color

#a33042
```
#a33042 rgb(163,48,66)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#9230a3
```
#9230a3 rgb(146,48,163)
```

Split Complementary Color

#a35830
```
#a35830 rgb(163,88,48)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#5830a3
```
#5830a3 rgb(88,48,163)
```

Triadic Color

#7ba330
```
#7ba330 rgb(123,163,48)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#5830a3
```
#5830a3 rgb(88,48,163)
```
#a3307b
```
#a3307b rgb(163,48,123)
```

Tetradic Color

#1f6838
```
#1f6838 rgb(31,104,56)
```
#247c43
```
#247c43 rgb(36,124,67)
```
#2a8f4d
```
#2a8f4d rgb(42,143,77)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#36b763
```
#36b763 rgb(54,183,99)
```
#3fc76e
```
#3fc76e rgb(63,199,110)
```
#53cc7d
```
#53cc7d rgb(83,204,125)
```

Monochromatic Color

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

#30a33b
```
#30a33b rgb(48,163,59)
```
#30a345
```
#30a345 rgb(48,163,69)
```
#30a34e
```
#30a34e rgb(48,163,78)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#30a362
```
#30a362 rgb(48,163,98)
```
#30a36b
```
#30a36b rgb(48,163,107)
```
#30a375
```
#30a375 rgb(48,163,117)
```

Similar Colors

Text with hexadecimal color #30a358

This text has a font color of #30a358.

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

#30a358 background color

This paragraph has a background color of #30a358.

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

#30a358 border color

This element has a border color of #30a358.

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

CSS codes

.text {color:#30a358;}

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

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

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

#030b06
```
#030b06 rgb(3,11,6)
```
#081b0e
```
#081b0e rgb(8,27,14)
```
#0c2a17
```
#0c2a17 rgb(12,42,23)
```
#11391f
```
#11391f rgb(17,57,31)
```
#154827
```
#154827 rgb(21,72,39)
```
#1a572f
```
#1a572f rgb(26,87,47)
```
#1e6637
```
#1e6637 rgb(30,102,55)
```
#23763f
```
#23763f rgb(35,118,63)
```
#278548
```
#278548 rgb(39,133,72)
```
#2c9450
```
#2c9450 rgb(44,148,80)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#34b260
```
#34b260 rgb(52,178,96)
```
#39c168
```
#39c168 rgb(57,193,104)
```

Shade Color Variation

#45c873
```
#45c873 rgb(69,200,115)
```
#55cd7e
```
#55cd7e rgb(85,205,126)
```
#64d18a
```
#64d18a rgb(100,209,138)
```
#73d695
```
#73d695 rgb(115,214,149)
```
#82daa1
```
#82daa1 rgb(130,218,161)
```
#91dfac
```
#91dfac rgb(145,223,172)
```
#a0e3b8
```
#a0e3b8 rgb(160,227,184)
```
#b0e8c3
```
#b0e8c3 rgb(176,232,195)
```
#bfecce
```
#bfecce rgb(191,236,206)
```
#cef1da
```
#cef1da rgb(206,241,218)
```
#ddf5e5
```
#ddf5e5 rgb(221,245,229)
```
#ecf9f1
```
#ecf9f1 rgb(236,249,241)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#696a69
```
#696a69 rgb(105,106,105)
```
#617267
```
#617267 rgb(97,114,103)
```
#597a64
```
#597a64 rgb(89,122,100)
```
#508362
```
#508362 rgb(80,131,98)
```
#488b5f
```
#488b5f rgb(72,139,95)
```
#40935d
```
#40935d rgb(64,147,93)
```
#389b5a
```
#389b5a rgb(56,155,90)
```
#30a358
```
#30a358 rgb(48,163,88)
```
#28ab56
```
#28ab56 rgb(40,171,86)
```
#20b353
```
#20b353 rgb(32,179,83)
```
#18bb51
```
#18bb51 rgb(24,187,81)
```
#10c34e
```
#10c34e rgb(16,195,78)
```
#07cc4c
```
#07cc4c rgb(7,204,76)
```

Tone Color Variation

Below, you can see how #30a358 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
#6a8172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29559 Protanopia 1% of men
#b08f69 Deuteranopia 1% of men
#589faa Tritanopia 0.001% of the population

Trichromacy

#799a59 Protanomaly 1% of men, 0.01% of women
#819663 Deuteranomaly 6% of men, 0.4% of women
#49a08c Tritanomaly 0.01% of the population

#30a358 hex color

#30a358 Color Information

#30a358 Color Conversion

Color Schemes with #30a358

Alternatives to #30a358

#30a358 Preview

Shades and Tints of #30a358

Tones of #30a358

Color Blindness Simulator