#30a248 hex color

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

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

● #30a248 color description : Dark lime green.

The hexadecimal color #30a248 has RGB values of R:48, G:162, B:72 and CMYK values of C:0.7, M:0, Y:0.56, K:0.36. Its decimal value is 3187272.

Hex triplet	30a248	`#30a248`
RGB Decimal	48, 162, 72	`rgb(48,162,72)`
RGB Percent	18.8, 63.5, 28.2	`rgb(18.8%,63.5%,28.2%)`
CMYK	70, 0, 56, 36
HSL	132.6°, 54.3, 41.2	`hsl(132.6,54.3%,41.2%)`
HSV (or HSB)	132.6°, 70.4, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.915, -50.869, 37.382
XYZ	15.308, 26.935, 10.523
xyY	0.29, 0.51, 26.935
CIE-LCH	58.915, 63.127, 143.689
CIE-LUV	58.915, -47.518, 53.067
Hunter-Lab	51.899, -38.174, 24.308
Binary	00110000, 10100010, 01001000

#30a248
```
#30a248 rgb(48,162,72)
```
#a2308a
```
#a2308a rgb(162,48,138)
```

Complementary Color

#51a230
```
#51a230 rgb(81,162,48)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#30a281
```
#30a281 rgb(48,162,129)
```

Analogous Color

#a23051
```
#a23051 rgb(162,48,81)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#8130a2
```
#8130a2 rgb(129,48,162)
```

Split Complementary Color

#a24830
```
#a24830 rgb(162,72,48)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#4830a2
```
#4830a2 rgb(72,48,162)
```

Triadic Color

#8aa230
```
#8aa230 rgb(138,162,48)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#4830a2
```
#4830a2 rgb(72,48,162)
```
#a2308a
```
#a2308a rgb(162,48,138)
```

Tetradic Color

#1f672e
```
#1f672e rgb(31,103,46)
```
#247b37
```
#247b37 rgb(36,123,55)
```
#2a8e3f
```
#2a8e3f rgb(42,142,63)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#36b651
```
#36b651 rgb(54,182,81)
```
#3fc65b
```
#3fc65b rgb(63,198,91)
```
#53cc6c
```
#53cc6c rgb(83,204,108)
```

Monochromatic Color

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

#35a230
```
#35a230 rgb(53,162,48)
```
#30a235
```
#30a235 rgb(48,162,53)
```
#30a23f
```
#30a23f rgb(48,162,63)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#30a252
```
#30a252 rgb(48,162,82)
```
#30a25b
```
#30a25b rgb(48,162,91)
```
#30a265
```
#30a265 rgb(48,162,101)
```

Similar Colors

Text with hexadecimal color #30a248

This text has a font color of #30a248.

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

#30a248 background color

This paragraph has a background color of #30a248.

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

#30a248 border color

This element has a border color of #30a248.

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

CSS codes

.text {color:#30a248;}

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

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

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)
```
#081a0b
```
#081a0b rgb(8,26,11)
```
#0c2912
```
#0c2912 rgb(12,41,18)
```
#113819
```
#113819 rgb(17,56,25)
```
#154720
```
#154720 rgb(21,71,32)
```
#1a5626
```
#1a5626 rgb(26,86,38)
```
#1e652d
```
#1e652d rgb(30,101,45)
```
#237534
```
#237534 rgb(35,117,52)
```
#27843b
```
#27843b rgb(39,132,59)
```
#2c9341
```
#2c9341 rgb(44,147,65)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#34b14f
```
#34b14f rgb(52,177,79)
```
#39c055
```
#39c055 rgb(57,192,85)
```

Shade Color Variation

#45c861
```
#45c861 rgb(69,200,97)
```
#54cc6d
```
#54cc6d rgb(84,204,109)
```
#63d17a
```
#63d17a rgb(99,209,122)
```
#72d587
```
#72d587 rgb(114,213,135)
```
#81da94
```
#81da94 rgb(129,218,148)
```
#91dea1
```
#91dea1 rgb(145,222,161)
```
#a0e3ae
```
#a0e3ae rgb(160,227,174)
```
#afe7bb
```
#afe7bb rgb(175,231,187)
```
#beecc8
```
#beecc8 rgb(190,236,200)
```
#cdf0d5
```
#cdf0d5 rgb(205,240,213)
```
#dcf5e1
```
#dcf5e1 rgb(220,245,225)
```
#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 #08ca31 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#607264
```
#607264 rgb(96,114,100)
```
#587a5f
```
#587a5f rgb(88,122,95)
```
#50825b
```
#50825b rgb(80,130,91)
```
#488a56
```
#488a56 rgb(72,138,86)
```
#409251
```
#409251 rgb(64,146,81)
```
#389a4d
```
#389a4d rgb(56,154,77)
```
#30a248
```
#30a248 rgb(48,162,72)
```
#28aa43
```
#28aa43 rgb(40,170,67)
```
#20b23f
```
#20b23f rgb(32,178,63)
```
#18ba3a
```
#18ba3a rgb(24,186,58)
```
#10c235
```
#10c235 rgb(16,194,53)
```
#08ca31
```
#08ca31 rgb(8,202,49)
```

Tone Color Variation

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

#a2934b Protanopia 1% of men
#b18d5a Deuteranopia 1% of men
#5a9da8 Tritanopia 0.001% of the population

Trichromacy

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

#30a248 hex color

#30a248 Color Information

#30a248 Color Conversion

Color Schemes with #30a248

Alternatives to #30a248

#30a248 Preview

Shades and Tints of #30a248

Tones of #30a248

Color Blindness Simulator