colorhexa.com

#30b050 hex color

In a RGB color space, hex #30b050 is composed of 18.8% red, 69% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 0% magenta, 54.5% yellow and 31% black. It has a hue angle of 135 degrees, a saturation of 57.1% and a lightness of 43.9%. #30b050 color hex could be obtained by blending #60ffa0 with #006100. Closest websafe color is: #339966.

- R 19
- G 69
- B 31
RGB color chart
- C 73
- M 0
- Y 55
- K 31
CMYK color chart

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

The hexadecimal color #30b050 has RGB values of R:48, G:176, B:80 and CMYK values of C:0.73, M:0, Y:0.55, K:0.31. Its decimal value is 3190864.

Hex triplet	30b050	`#30b050`
RGB Decimal	48, 176, 80	`rgb(48,176,80)`
RGB Percent	18.8, 69, 31.4	`rgb(18.8%,69%,31.4%)`
CMYK	73, 0, 55, 31
HSL	135°, 57.1, 43.9	`hsl(135,57.1%,43.9%)`
HSV (or HSB)	135°, 72.7, 69
Web Safe	339966	`#339966`

CIE-LAB	63.554, -54.762, 39.044
XYZ	18.191, 32.256, 12.856
xyY	0.287, 0.51, 32.256
CIE-LCH	63.554, 67.256, 144.512
CIE-LUV	63.554, -52.251, 56.734
Hunter-Lab	56.795, -42.218, 26.335
Binary	00110000, 10110000, 01010000

#30b050
```
#30b050 rgb(48,176,80)
```
#b03090
```
#b03090 rgb(176,48,144)
```

Complementary Color

#50b030
```
#50b030 rgb(80,176,48)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#30b090
```
#30b090 rgb(48,176,144)
```

Analogous Color

#b03050
```
#b03050 rgb(176,48,80)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#9030b0
```
#9030b0 rgb(144,48,176)
```

Split Complementary Color

#b05030
```
#b05030 rgb(176,80,48)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#5030b0
```
#5030b0 rgb(80,48,176)
```

Triadic Color

#90b030
```
#90b030 rgb(144,176,48)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#5030b0
```
#5030b0 rgb(80,48,176)
```
#b03090
```
#b03090 rgb(176,48,144)
```

Tetradic Color

#207435
```
#207435 rgb(32,116,53)
```
#25883e
```
#25883e rgb(37,136,62)
```
#2b9c47
```
#2b9c47 rgb(43,156,71)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#35c459
```
#35c459 rgb(53,196,89)
```
#46cd68
```
#46cd68 rgb(70,205,104)
```
#5ad278
```
#5ad278 rgb(90,210,120)
```

Monochromatic Color

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

#30b030
```
#30b030 rgb(48,176,48)
```
#30b03b
```
#30b03b rgb(48,176,59)
```
#30b045
```
#30b045 rgb(48,176,69)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#30b05b
```
#30b05b rgb(48,176,91)
```
#30b065
```
#30b065 rgb(48,176,101)
```
#30b070
```
#30b070 rgb(48,176,112)
```

Similar Colors

Text with hexadecimal color #30b050

This text has a font color of #30b050.

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

#30b050 background color

This paragraph has a background color of #30b050.

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

#30b050 border color

This element has a border color of #30b050.

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

CSS codes

.text {color:#30b050;}

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

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

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 #f6fdf8 is the lightest one.

#020603
```
#020603 rgb(2,6,3)
```
#06160a
```
#06160a rgb(6,22,10)
```
#0a2511
```
#0a2511 rgb(10,37,17)
```
#0e3518
```
#0e3518 rgb(14,53,24)
```
#13441f
```
#13441f rgb(19,68,31)
```
#175426
```
#175426 rgb(23,84,38)
```
#1b632d
```
#1b632d rgb(27,99,45)
```
#1f7234
```
#1f7234 rgb(31,114,52)
```
#23823b
```
#23823b rgb(35,130,59)
```
#289142
```
#289142 rgb(40,145,66)
```
#2ca149
```
#2ca149 rgb(44,161,73)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#34bf57
```
#34bf57 rgb(52,191,87)
```

Shade Color Variation

#3dca60
```
#3dca60 rgb(61,202,96)
```
#4dce6d
```
#4dce6d rgb(77,206,109)
```
#5cd37a
```
#5cd37a rgb(92,211,122)
```
#6bd786
```
#6bd786 rgb(107,215,134)
```
#7bdb93
```
#7bdb93 rgb(123,219,147)
```
#8adf9f
```
#8adf9f rgb(138,223,159)
```
#9ae3ac
```
#9ae3ac rgb(154,227,172)
```
#a9e8b9
```
#a9e8b9 rgb(169,232,185)
```
#b8ecc5
```
#b8ecc5 rgb(184,236,197)
```
#c8f0d2
```
#c8f0d2 rgb(200,240,210)
```
#d7f4de
```
#d7f4de rgb(215,244,222)
```
#e7f8eb
```
#e7f8eb rgb(231,248,235)
```
#f6fdf8
```
#f6fdf8 rgb(246,253,248)
```

Tint Color Variation

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

#6c746e
```
#6c746e rgb(108,116,110)
```
#647c6a
```
#647c6a rgb(100,124,106)
```
#5b8566
```
#5b8566 rgb(91,133,102)
```
#528e61
```
#528e61 rgb(82,142,97)
```
#4a965d
```
#4a965d rgb(74,150,93)
```
#419f59
```
#419f59 rgb(65,159,89)
```
#39a754
```
#39a754 rgb(57,167,84)
```
#30b050
```
#30b050 rgb(48,176,80)
```
#27b94c
```
#27b94c rgb(39,185,76)
```
#1fc147
```
#1fc147 rgb(31,193,71)
```
#16ca43
```
#16ca43 rgb(22,202,67)
```
#0ed23f
```
#0ed23f rgb(14,210,63)
```
#05db3a
```
#05db3a rgb(5,219,58)
```

Tone Color Variation

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

#af9f52 Protanopia 1% of men
#bf9863 Deuteranopia 1% of men
#5fa9b6 Tritanopia 0.001% of the population

Trichromacy

#81a551 Protanomaly 1% of men, 0.01% of women
#8ba15c Deuteranomaly 6% of men, 0.4% of women
#4eac91 Tritanomaly 0.01% of the population