#30af53 hex color

In a RGB color space, hex #30af53 is composed of 18.8% red, 68.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 52.6% yellow and 31.4% black. It has a hue angle of 136.5 degrees, a saturation of 57% and a lightness of 43.7%. #30af53 color hex could be obtained by blending #60ffa6 with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 69
- B 33
RGB color chart
- C 73
- M 0
- Y 53
- K 31
CMYK color chart

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

The hexadecimal color #30af53 has RGB values of R:48, G:175, B:83 and CMYK values of C:0.73, M:0, Y:0.53, K:0.31. Its decimal value is 3190611.

Hex triplet	30af53	`#30af53`
RGB Decimal	48, 175, 83	`rgb(48,175,83)`
RGB Percent	18.8, 68.6, 32.5	`rgb(18.8%,68.6%,32.5%)`
CMYK	73, 0, 53, 31
HSL	136.5°, 57, 43.7	`hsl(136.5,57%,43.7%)`
HSV (or HSB)	136.5°, 72.6, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.269, -53.967, 37.218
XYZ	18.109, 31.911, 13.388
xyY	0.286, 0.503, 31.911
CIE-LCH	63.269, 65.557, 145.408
CIE-LUV	63.269, -51.763, 54.734
Hunter-Lab	56.49, -41.635, 25.491
Binary	00110000, 10101111, 01010011

#30af53
```
#30af53 rgb(48,175,83)
```
#af308c
```
#af308c rgb(175,48,140)
```

Complementary Color

#4daf30
```
#4daf30 rgb(77,175,48)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#30af93
```
#30af93 rgb(48,175,147)
```

Analogous Color

#af304d
```
#af304d rgb(175,48,77)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#9330af
```
#9330af rgb(147,48,175)
```

Split Complementary Color

#af5330
```
#af5330 rgb(175,83,48)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#5330af
```
#5330af rgb(83,48,175)
```

Triadic Color

#8caf30
```
#8caf30 rgb(140,175,48)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#5330af
```
#5330af rgb(83,48,175)
```
#af308c
```
#af308c rgb(175,48,140)
```

Tetradic Color

#207337
```
#207337 rgb(32,115,55)
```
#258740
```
#258740 rgb(37,135,64)
```
#2b9b4a
```
#2b9b4a rgb(43,155,74)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#35c35c
```
#35c35c rgb(53,195,92)
```
#46cc6b
```
#46cc6b rgb(70,204,107)
```
#5ad27b
```
#5ad27b rgb(90,210,123)
```

Monochromatic Color

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

#30af33
```
#30af33 rgb(48,175,51)
```
#30af3e
```
#30af3e rgb(48,175,62)
```
#30af48
```
#30af48 rgb(48,175,72)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#30af5e
```
#30af5e rgb(48,175,94)
```
#30af68
```
#30af68 rgb(48,175,104)
```
#30af73
```
#30af73 rgb(48,175,115)
```

Similar Colors

Text with hexadecimal color #30af53

This text has a font color of #30af53.

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

#30af53 background color

This paragraph has a background color of #30af53.

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

#30af53 border color

This element has a border color of #30af53.

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

CSS codes

.text {color:#30af53;}

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

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

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, #020603 is the darkest color, while #f5fcf7 is the lightest one.

#020603
```
#020603 rgb(2,6,3)
```
#06150a
```
#06150a rgb(6,21,10)
```
#0a2411
```
#0a2411 rgb(10,36,17)
```
#0e3419
```
#0e3419 rgb(14,52,25)
```
#124320
```
#124320 rgb(18,67,32)
```
#175327
```
#175327 rgb(23,83,39)
```
#1b622e
```
#1b622e rgb(27,98,46)
```
#1f7136
```
#1f7136 rgb(31,113,54)
```
#23813d
```
#23813d rgb(35,129,61)
```
#289044
```
#289044 rgb(40,144,68)
```
#2ca04c
```
#2ca04c rgb(44,160,76)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#34be5a
```
#34be5a rgb(52,190,90)
```

Shade Color Variation

#3dca63
```
#3dca63 rgb(61,202,99)
```
#4cce70
```
#4cce70 rgb(76,206,112)
```
#5bd27c
```
#5bd27c rgb(91,210,124)
```
#6bd688
```
#6bd688 rgb(107,214,136)
```
#7adb95
```
#7adb95 rgb(122,219,149)
```
#8adfa1
```
#8adfa1 rgb(138,223,161)
```
#99e3ad
```
#99e3ad rgb(153,227,173)
```
#a8e7ba
```
#a8e7ba rgb(168,231,186)
```
#b8ebc6
```
#b8ebc6 rgb(184,235,198)
```
#c7f0d2
```
#c7f0d2 rgb(199,240,210)
```
#d6f4df
```
#d6f4df rgb(214,244,223)
```
#e6f8eb
```
#e6f8eb rgb(230,248,235)
```
#f5fcf7
```
#f5fcf7 rgb(245,252,247)
```

Tint Color Variation

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

#6c736e
```
#6c736e rgb(108,115,110)
```
#637c6a
```
#637c6a rgb(99,124,106)
```
#5b8466
```
#5b8466 rgb(91,132,102)
```
#528d62
```
#528d62 rgb(82,141,98)
```
#4a955f
```
#4a955f rgb(74,149,95)
```
#419e5b
```
#419e5b rgb(65,158,91)
```
#39a657
```
#39a657 rgb(57,166,87)
```
#30af53
```
#30af53 rgb(48,175,83)
```
#27b84f
```
#27b84f rgb(39,184,79)
```
#1fc04b
```
#1fc04b rgb(31,192,75)
```
#16c947
```
#16c947 rgb(22,201,71)
```
#0ed144
```
#0ed144 rgb(14,209,68)
```
#05da40
```
#05da40 rgb(5,218,64)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9e55 Protanopia 1% of men
#be9765 Deuteranopia 1% of men
#5ea9b5 Tritanopia 0.001% of the population

Trichromacy

#80a454 Protanomaly 1% of men, 0.01% of women
#8aa05e Deuteranomaly 6% of men, 0.4% of women
#4dab91 Tritanomaly 0.01% of the population

#30af53 hex color

#30af53 Color Information

#30af53 Color Conversion

Color Schemes with #30af53

Alternatives to #30af53

#30af53 Preview

Shades and Tints of #30af53

Tones of #30af53

Color Blindness Simulator