#30a18e hex color

In a RGB color space, hex #30a18e is composed of 18.8% red, 63.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 11.8% yellow and 36.9% black. It has a hue angle of 169.9 degrees, a saturation of 54.1% and a lightness of 41%. #30a18e color hex could be obtained by blending #60ffff with #00431d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 63
- B 56
RGB color chart
- C 70
- M 0
- Y 12
- K 37
CMYK color chart

● #30a18e color description : Dark cyan.

The hexadecimal color #30a18e has RGB values of R:48, G:161, B:142 and CMYK values of C:0.7, M:0, Y:0.12, K:0.37. Its decimal value is 3187086.

Hex triplet	30a18e	`#30a18e`
RGB Decimal	48, 161, 142	`rgb(48,161,142)`
RGB Percent	18.8, 63.1, 55.7	`rgb(18.8%,63.1%,55.7%)`
CMYK	70, 0, 12, 37
HSL	169.9°, 54.1, 41	`hsl(169.9,54.1%,41%)`
HSV (or HSB)	169.9°, 70.2, 63.1
Web Safe	339999	`#339999`

CIE-LAB	59.951, -35.822, 0.788
XYZ	18.845, 28.069, 30.014
xyY	0.245, 0.365, 28.069
CIE-LCH	59.951, 35.831, 178.74
CIE-LUV	59.951, -43.331, 6.529
Hunter-Lab	52.981, -29.225, 3.497
Binary	00110000, 10100001, 10001110

#30a18e
```
#30a18e rgb(48,161,142)
```
#a13043
```
#a13043 rgb(161,48,67)
```

Complementary Color

#30a156
```
#30a156 rgb(48,161,86)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#307ca1
```
#307ca1 rgb(48,124,161)
```

Analogous Color

#a15630
```
#a15630 rgb(161,86,48)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#a1307c
```
#a1307c rgb(161,48,124)
```

Split Complementary Color

#a18e30
```
#a18e30 rgb(161,142,48)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#8e30a1
```
#8e30a1 rgb(142,48,161)
```

Triadic Color

#43a130
```
#43a130 rgb(67,161,48)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#8e30a1
```
#8e30a1 rgb(142,48,161)
```
#a13043
```
#a13043 rgb(161,48,67)
```

Tetradic Color

#1e665a
```
#1e665a rgb(30,102,90)
```
#247a6b
```
#247a6b rgb(36,122,107)
```
#2a8d7d
```
#2a8d7d rgb(42,141,125)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#36b59f
```
#36b59f rgb(54,181,159)
```
#3ec6af
```
#3ec6af rgb(62,198,175)
```
#52cbb7
```
#52cbb7 rgb(82,203,183)
```

Monochromatic Color

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

#30a172
```
#30a172 rgb(48,161,114)
```
#30a17b
```
#30a17b rgb(48,161,123)
```
#30a185
```
#30a185 rgb(48,161,133)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#30a197
```
#30a197 rgb(48,161,151)
```
#30a1a1
```
#30a1a1 rgb(48,161,161)
```
#3098a1
```
#3098a1 rgb(48,152,161)
```

Similar Colors

Text with hexadecimal color #30a18e

This text has a font color of #30a18e.

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

#30a18e background color

This paragraph has a background color of #30a18e.

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

#30a18e border color

This element has a border color of #30a18e.

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

CSS codes

.text {color:#30a18e;}

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

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

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

#030a09
```
#030a09 rgb(3,10,9)
```
#071916
```
#071916 rgb(7,25,22)
```
#0c2823
```
#0c2823 rgb(12,40,35)
```
#103731
```
#103731 rgb(16,55,49)
```
#15463e
```
#15463e rgb(21,70,62)
```
#19554b
```
#19554b rgb(25,85,75)
```
#1e6559
```
#1e6559 rgb(30,101,89)
```
#227466
```
#227466 rgb(34,116,102)
```
#278373
```
#278373 rgb(39,131,115)
```
#2b9281
```
#2b9281 rgb(43,146,129)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#35b09b
```
#35b09b rgb(53,176,155)
```
#39bfa9
```
#39bfa9 rgb(57,191,169)
```

Shade Color Variation

#44c7b1
```
#44c7b1 rgb(68,199,177)
```
#54ccb8
```
#54ccb8 rgb(84,204,184)
```
#63d0be
```
#63d0be rgb(99,208,190)
```
#72d5c4
```
#72d5c4 rgb(114,213,196)
```
#81d9cb
```
#81d9cb rgb(129,217,203)
```
#90ded1
```
#90ded1 rgb(144,222,209)
```
#9fe2d7
```
#9fe2d7 rgb(159,226,215)
```
#aee7dd
```
#aee7dd rgb(174,231,221)
```
#bdebe4
```
#bdebe4 rgb(189,235,228)
```
#ccf0ea
```
#ccf0ea rgb(204,240,234)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#ebf9f7
```
#ebf9f7 rgb(235,249,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#686969
```
#686969 rgb(104,105,105)
```
#60716e
```
#60716e rgb(96,113,110)
```
#587973
```
#587973 rgb(88,121,115)
```
#508179
```
#508179 rgb(80,129,121)
```
#48897e
```
#48897e rgb(72,137,126)
```
#409183
```
#409183 rgb(64,145,131)
```
#389989
```
#389989 rgb(56,153,137)
```
#30a18e
```
#30a18e rgb(48,161,142)
```
#28a993
```
#28a993 rgb(40,169,147)
```
#20b199
```
#20b199 rgb(32,177,153)
```
#18b99e
```
#18b99e rgb(24,185,158)
```
#10c1a3
```
#10c1a3 rgb(16,193,163)
```
#08c9a9
```
#08c9a9 rgb(8,201,169)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b958b Protanopia 1% of men
#a1919a Deuteranopia 1% of men
#4aa2ad Tritanopia 0.001% of the population

Trichromacy

#74998c Protanomaly 1% of men, 0.01% of women
#789796 Deuteranomaly 6% of men, 0.4% of women
#40a1a2 Tritanomaly 0.01% of the population

#30a18e hex color

#30a18e Color Information

#30a18e Color Conversion

Color Schemes with #30a18e

Alternatives to #30a18e

#30a18e Preview

Shades and Tints of #30a18e

Tones of #30a18e

Color Blindness Simulator