#30cd9d hex color

In a RGB color space, hex #30cd9d is composed of 18.8% red, 80.4% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 23.4% yellow and 19.6% black. It has a hue angle of 161.7 degrees, a saturation of 62.1% and a lightness of 49.6%. #30cd9d color hex could be obtained by blending #60ffff with #009b3b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 80
- B 62
RGB color chart
- C 77
- M 0
- Y 23
- K 20
CMYK color chart

● #30cd9d color description : Strong cyan - lime green.

The hexadecimal color #30cd9d has RGB values of R:48, G:205, B:157 and CMYK values of C:0.77, M:0, Y:0.23, K:0.2. Its decimal value is 3198365.

Hex triplet	30cd9d	`#30cd9d`
RGB Decimal	48, 205, 157	`rgb(48,205,157)`
RGB Percent	18.8, 80.4, 61.6	`rgb(18.8%,80.4%,61.6%)`
CMYK	77, 0, 23, 20
HSL	161.7°, 62.1, 49.6	`hsl(161.7,62.1%,49.6%)`
HSV (or HSB)	161.7°, 76.6, 80.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.012, -50.859, 12.698
XYZ	29.134, 46.722, 39.379
xyY	0.253, 0.405, 46.722
CIE-LCH	74.012, 52.42, 165.982
CIE-LUV	74.012, -58.147, 26.436
Hunter-Lab	68.354, -43.539, 13.69
Binary	00110000, 11001101, 10011101

#30cd9d
```
#30cd9d rgb(48,205,157)
```
#cd3060
```
#cd3060 rgb(205,48,96)
```

Complementary Color

#30cd4f
```
#30cd4f rgb(48,205,79)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#30afcd
```
#30afcd rgb(48,175,205)
```

Analogous Color

#cd4f30
```
#cd4f30 rgb(205,79,48)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#cd30af
```
#cd30af rgb(205,48,175)
```

Split Complementary Color

#cd9d30
```
#cd9d30 rgb(205,157,48)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#9d30cd
```
#9d30cd rgb(157,48,205)
```

Triadic Color

#60cd30
```
#60cd30 rgb(96,205,48)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#9d30cd
```
#9d30cd rgb(157,48,205)
```
#cd3060
```
#cd3060 rgb(205,48,96)
```

Tetradic Color

#218f6e
```
#218f6e rgb(33,143,110)
```
#26a47d
```
#26a47d rgb(38,164,125)
```
#2bb88d
```
#2bb88d rgb(43,184,141)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#43d3a7
```
#43d3a7 rgb(67,211,167)
```
#58d8b1
```
#58d8b1 rgb(88,216,177)
```
#6dddbb
```
#6dddbb rgb(109,221,187)
```

Monochromatic Color

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

#30cd76
```
#30cd76 rgb(48,205,118)
```
#30cd83
```
#30cd83 rgb(48,205,131)
```
#30cd90
```
#30cd90 rgb(48,205,144)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#30cdaa
```
#30cdaa rgb(48,205,170)
```
#30cdb7
```
#30cdb7 rgb(48,205,183)
```
#30cdc4
```
#30cdc4 rgb(48,205,196)
```

Similar Colors

Text with hexadecimal color #30cd9d

This text has a font color of #30cd9d.

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

#30cd9d background color

This paragraph has a background color of #30cd9d.

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

#30cd9d border color

This element has a border color of #30cd9d.

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

CSS codes

.text {color:#30cd9d;}

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

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

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

#030e0b
```
#030e0b rgb(3,14,11)
```
#071e17
```
#071e17 rgb(7,30,23)
```
#0b2e23
```
#0b2e23 rgb(11,46,35)
```
#0f3e2f
```
#0f3e2f rgb(15,62,47)
```
#124e3c
```
#124e3c rgb(18,78,60)
```
#165e48
```
#165e48 rgb(22,94,72)
```
#1a6e54
```
#1a6e54 rgb(26,110,84)
```
#1d7e60
```
#1d7e60 rgb(29,126,96)
```
#218d6c
```
#218d6c rgb(33,141,108)
```
#259d78
```
#259d78 rgb(37,157,120)
```
#29ad85
```
#29ad85 rgb(41,173,133)
```
#2cbd91
```
#2cbd91 rgb(44,189,145)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```

Shade Color Variation

#3fd2a5
```
#3fd2a5 rgb(63,210,165)
```
#4fd6ac
```
#4fd6ac rgb(79,214,172)
```
#5ed9b4
```
#5ed9b4 rgb(94,217,180)
```
#6eddbb
```
#6eddbb rgb(110,221,187)
```
#7ee1c3
```
#7ee1c3 rgb(126,225,195)
```
#8ee5ca
```
#8ee5ca rgb(142,229,202)
```
#9ee8d2
```
#9ee8d2 rgb(158,232,210)
```
#aeecd9
```
#aeecd9 rgb(174,236,217)
```
#bef0e0
```
#bef0e0 rgb(190,240,224)
```
#cef3e8
```
#cef3e8 rgb(206,243,232)
```
#def7ef
```
#def7ef rgb(222,247,239)
```
#edfbf7
```
#edfbf7 rgb(237,251,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7f7f is the less saturated color, while #09f4ac is the most saturated one.

#7e7f7f
```
#7e7f7f rgb(126,127,127)
```
#748983
```
#748983 rgb(116,137,131)
```
#6a9386
```
#6a9386 rgb(106,147,134)
```
#619c8a
```
#619c8a rgb(97,156,138)
```
#57a68e
```
#57a68e rgb(87,166,142)
```
#4db092
```
#4db092 rgb(77,176,146)
```
#43ba95
```
#43ba95 rgb(67,186,149)
```
#3ac399
```
#3ac399 rgb(58,195,153)
```
#30cd9d
```
#30cd9d rgb(48,205,157)
```
#26d7a1
```
#26d7a1 rgb(38,215,161)
```
#1de0a5
```
#1de0a5 rgb(29,224,165)
```
#13eaa8
```
#13eaa8 rgb(19,234,168)
```
#09f4ac
```
#09f4ac rgb(9,244,172)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a39a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b997 Protanopia 1% of men
#d0b3ab Deuteranopia 1% of men
#5cc8d6 Tritanopia 0.001% of the population

Trichromacy

#8ec099 Protanomaly 1% of men, 0.01% of women
#95bca6 Deuteranomaly 6% of men, 0.4% of women
#4ccac1 Tritanomaly 0.01% of the population

#30cd9d hex color

#30cd9d Color Information

#30cd9d Color Conversion

Color Schemes with #30cd9d

Alternatives to #30cd9d

#30cd9d Preview

Shades and Tints of #30cd9d

Tones of #30cd9d

Color Blindness Simulator