#30a158 Color Information
In a RGB color space, hex #30a158 is composed of 18.8% red, 63.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 45.3% yellow and 36.9% black. It has a hue angle of 141.2 degrees, a saturation of 54.1% and a lightness of 41%. #30a158 color hex could be obtained by blending #60ffb0 with #004300. Closest websafe color is: #339966.
-
- R 19
- G 63
- B 35
-
- C 70
- M 0
- Y 45
- K 37
● #30a158 color description : Dark cyan - lime green.
#30a158 Color Conversion
The hexadecimal color #30a158 has RGB values of R:48, G:161, B:88 and CMYK values of C:0.7, M:0, Y:0.45, K:0.37. Its decimal value is 3187032.
Hex triplet | 30a158 | #30a158 |
---|---|---|
RGB Decimal | 48, 161, 88 | rgb(48,161,88) |
RGB Percent | 18.8, 63.1, 34.5 | rgb(18.8%,63.1%,34.5%) |
CMYK | 70, 0, 45, 37 | |
HSL | 141.2°, 54.1, 41 | hsl(141.2,54.1%,41%) |
HSV (or HSB) | 141.2°, 70.2, 63.1 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 58.808, -47.969, 29.054 |
---|---|
XYZ | 15.724, 26.821, 13.58 |
xyY | 0.28, 0.478, 26.821 |
CIE-LCH | 58.808, 56.081, 148.797 |
CIE-LUV | 58.808, -46.44, 44.203 |
Hunter-Lab | 51.789, -36.435, 20.705 |
Binary | 00110000, 10100001, 01011000 |
Color Schemes with #30a158
Alternatives to #30a158
Below, you can see some colors close to #30a158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a158 Preview
This text has a font color of #30a158.
<span style="color:#30a158;">Text here</span>
This paragraph has a background color of #30a158.
<p style="background-color:#30a158;">Content here</p>
This element has a border color of #30a158.
<div style="border:1px solid #30a158;">Content here</div>
.text {color:#30a158;}
.background {background-color:#30a158;}
.border {border:1px solid #30a158;}
Shades and Tints of #30a158
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, #030a05 is the darkest color, while #fafdfb is the lightest one.
-
#030a05
#030a05
rgb(3,10,5)
-
#07190e
#07190e
rgb(7,25,14)
-
#0c2816
#0c2816
rgb(12,40,22)
-
#10371e
#10371e
rgb(16,55,30)
-
#154626
#154626
rgb(21,70,38)
-
#19552f
#19552f
rgb(25,85,47)
-
#1e6537
#1e6537
rgb(30,101,55)
-
#22743f
#22743f
rgb(34,116,63)
-
#278347
#278347
rgb(39,131,71)
-
#2b9250
#2b9250
rgb(43,146,80)
-
#30a158
#30a158
rgb(48,161,88)
-
#35b060
#35b060
rgb(53,176,96)
-
#39bf69
#39bf69
rgb(57,191,105)
-
#44c773
#44c773
rgb(68,199,115)
-
#54cc7e
#54cc7e
rgb(84,204,126)
-
#63d08a
#63d08a
rgb(99,208,138)
-
#72d595
#72d595
rgb(114,213,149)
-
#81d9a0
#81d9a0
rgb(129,217,160)
-
#90deac
#90deac
rgb(144,222,172)
-
#9fe2b7
#9fe2b7
rgb(159,226,183)
-
#aee7c2
#aee7c2
rgb(174,231,194)
-
#bdebce
#bdebce
rgb(189,235,206)
-
#ccf0d9
#ccf0d9
rgb(204,240,217)
-
#dcf4e4
#dcf4e4
rgb(220,244,228)
-
#ebf9f0
#ebf9f0
rgb(235,249,240)
-
#fafdfb
#fafdfb
rgb(250,253,251)
Tones of #30a158
A tone is produced by adding gray to any pure hue. In this case, #686968 is the less saturated color, while #08c94c is the most saturated one.
-
#686968
#686968
rgb(104,105,104)
-
#607166
#607166
rgb(96,113,102)
-
#587964
#587964
rgb(88,121,100)
-
#508161
#508161
rgb(80,129,97)
-
#48895f
#48895f
rgb(72,137,95)
-
#40915d
#40915d
rgb(64,145,93)
-
#38995a
#38995a
rgb(56,153,90)
-
#30a158
#30a158
rgb(48,161,88)
-
#28a956
#28a956
rgb(40,169,86)
-
#20b153
#20b153
rgb(32,177,83)
-
#18b951
#18b951
rgb(24,185,81)
-
#10c14f
#10c14f
rgb(16,193,79)
-
#08c94c
#08c94c
rgb(8,201,76)
Color Blindness Simulator
Below, you can see how #30a158 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.