#30a249 hex color

In a RGB color space, hex #30a249 is composed of 18.8% red, 63.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 54.9% yellow and 36.5% black. It has a hue angle of 133.2 degrees, a saturation of 54.3% and a lightness of 41.2%. #30a249 color hex could be obtained by blending #60ff92 with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 64
- B 29
RGB color chart
- C 70
- M 0
- Y 55
- K 36
CMYK color chart

● #30a249 color description : Dark lime green.

The hexadecimal color #30a249 has RGB values of R:48, G:162, B:73 and CMYK values of C:0.7, M:0, Y:0.55, K:0.36. Its decimal value is 3187273.

Hex triplet	30a249	`#30a249`
RGB Decimal	48, 162, 73	`rgb(48,162,73)`
RGB Percent	18.8, 63.5, 28.6	`rgb(18.8%,63.5%,28.6%)`
CMYK	70, 0, 55, 36
HSL	133.2°, 54.3, 41.2	`hsl(133.2,54.3%,41.2%)`
HSV (or HSB)	133.2°, 70.4, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.927, -50.727, 36.902
XYZ	15.341, 26.949, 10.696
xyY	0.29, 0.509, 26.949
CIE-LCH	58.927, 62.729, 143.966
CIE-LUV	58.927, -47.477, 52.595
Hunter-Lab	51.912, -38.096, 24.122
Binary	00110000, 10100010, 01001001

#30a249
```
#30a249 rgb(48,162,73)
```
#a23089
```
#a23089 rgb(162,48,137)
```

Complementary Color

#50a230
```
#50a230 rgb(80,162,48)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#30a282
```
#30a282 rgb(48,162,130)
```

Analogous Color

#a23050
```
#a23050 rgb(162,48,80)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#8230a2
```
#8230a2 rgb(130,48,162)
```

Split Complementary Color

#a24930
```
#a24930 rgb(162,73,48)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#4930a2
```
#4930a2 rgb(73,48,162)
```

Triadic Color

#89a230
```
#89a230 rgb(137,162,48)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#4930a2
```
#4930a2 rgb(73,48,162)
```
#a23089
```
#a23089 rgb(162,48,137)
```

Tetradic Color

#1f672e
```
#1f672e rgb(31,103,46)
```
#247b37
```
#247b37 rgb(36,123,55)
```
#2a8e40
```
#2a8e40 rgb(42,142,64)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#36b652
```
#36b652 rgb(54,182,82)
```
#3fc65d
```
#3fc65d rgb(63,198,93)
```
#53cc6d
```
#53cc6d rgb(83,204,109)
```

Monochromatic Color

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

#34a230
```
#34a230 rgb(52,162,48)
```
#30a236
```
#30a236 rgb(48,162,54)
```
#30a240
```
#30a240 rgb(48,162,64)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#30a253
```
#30a253 rgb(48,162,83)
```
#30a25c
```
#30a25c rgb(48,162,92)
```
#30a266
```
#30a266 rgb(48,162,102)
```

Similar Colors

Text with hexadecimal color #30a249

This text has a font color of #30a249.

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

#30a249 background color

This paragraph has a background color of #30a249.

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

#30a249 border color

This element has a border color of #30a249.

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

CSS codes

.text {color:#30a249;}

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

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

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

#030b05
```
#030b05 rgb(3,11,5)
```
#081a0c
```
#081a0c rgb(8,26,12)
```
#0c2912
```
#0c2912 rgb(12,41,18)
```
#113819
```
#113819 rgb(17,56,25)
```
#154720
```
#154720 rgb(21,71,32)
```
#1a5627
```
#1a5627 rgb(26,86,39)
```
#1e652e
```
#1e652e rgb(30,101,46)
```
#237535
```
#237535 rgb(35,117,53)
```
#27843b
```
#27843b rgb(39,132,59)
```
#2c9342
```
#2c9342 rgb(44,147,66)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#34b150
```
#34b150 rgb(52,177,80)
```
#39c057
```
#39c057 rgb(57,192,87)
```

Shade Color Variation

#45c862
```
#45c862 rgb(69,200,98)
```
#54cc6e
```
#54cc6e rgb(84,204,110)
```
#63d17b
```
#63d17b rgb(99,209,123)
```
#72d588
```
#72d588 rgb(114,213,136)
```
#81da95
```
#81da95 rgb(129,218,149)
```
#91dea2
```
#91dea2 rgb(145,222,162)
```
#a0e3ae
```
#a0e3ae rgb(160,227,174)
```
#afe7bb
```
#afe7bb rgb(175,231,187)
```
#beecc8
```
#beecc8 rgb(190,236,200)
```
#cdf0d5
```
#cdf0d5 rgb(205,240,213)
```
#dcf5e2
```
#dcf5e2 rgb(220,245,226)
```
#ebf9ee
```
#ebf9ee rgb(235,249,238)
```
#fbfefb
```
#fbfefb rgb(251,254,251)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#607264
```
#607264 rgb(96,114,100)
```
#587a60
```
#587a60 rgb(88,122,96)
```
#50825b
```
#50825b rgb(80,130,91)
```
#488a57
```
#488a57 rgb(72,138,87)
```
#409252
```
#409252 rgb(64,146,82)
```
#389a4e
```
#389a4e rgb(56,154,78)
```
#30a249
```
#30a249 rgb(48,162,73)
```
#28aa44
```
#28aa44 rgb(40,170,68)
```
#20b240
```
#20b240 rgb(32,178,64)
```
#18ba3b
```
#18ba3b rgb(24,186,59)
```
#10c237
```
#10c237 rgb(16,194,55)
```
#08ca32
```
#08ca32 rgb(8,202,50)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687f6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2934c Protanopia 1% of men
#b18d5b Deuteranopia 1% of men
#5a9da8 Tritanopia 0.001% of the population

Trichromacy

#79984b Protanomaly 1% of men, 0.01% of women
#829454 Deuteranomaly 6% of men, 0.4% of women
#4b9f86 Tritanomaly 0.01% of the population

#30a249 hex color

#30a249 Color Information

#30a249 Color Conversion

Color Schemes with #30a249

Alternatives to #30a249

#30a249 Preview

Shades and Tints of #30a249

Tones of #30a249

Color Blindness Simulator