#30cb96 hex color

In a RGB color space, hex #30cb96 is composed of 18.8% red, 79.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 26.1% yellow and 20.4% black. It has a hue angle of 159.5 degrees, a saturation of 61.8% and a lightness of 49.2%. #30cb96 color hex could be obtained by blending #60ffff with #00972d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 80
- B 59
RGB color chart
- C 76
- M 0
- Y 26
- K 20
CMYK color chart

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

The hexadecimal color #30cb96 has RGB values of R:48, G:203, B:150 and CMYK values of C:0.76, M:0, Y:0.26, K:0.2. Its decimal value is 3197846.

Hex triplet	30cb96	`#30cb96`
RGB Decimal	48, 203, 150	`rgb(48,203,150)`
RGB Percent	18.8, 79.6, 58.8	`rgb(18.8%,79.6%,58.8%)`
CMYK	76, 0, 26, 20
HSL	159.5°, 61.8, 49.2	`hsl(159.5,61.8%,49.2%)`
HSV (or HSB)	159.5°, 76.4, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.246, -51.68, 15.367
XYZ	28.078, 45.539, 36.163
xyY	0.256, 0.415, 45.539
CIE-LCH	73.246, 53.916, 163.44
CIE-LUV	73.246, -57.911, 30.181
Hunter-Lab	67.483, -43.827, 15.466
Binary	00110000, 11001011, 10010110

#30cb96
```
#30cb96 rgb(48,203,150)
```
#cb3065
```
#cb3065 rgb(203,48,101)
```

Complementary Color

#30cb48
```
#30cb48 rgb(48,203,72)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#30b3cb
```
#30b3cb rgb(48,179,203)
```

Analogous Color

#cb4930
```
#cb4930 rgb(203,73,48)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#cb30b3
```
#cb30b3 rgb(203,48,179)
```

Split Complementary Color

#cb9630
```
#cb9630 rgb(203,150,48)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#9630cb
```
#9630cb rgb(150,48,203)
```

Triadic Color

#65cb30
```
#65cb30 rgb(101,203,48)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#9630cb
```
#9630cb rgb(150,48,203)
```
#cb3065
```
#cb3065 rgb(203,48,101)
```

Tetradic Color

#218d68
```
#218d68 rgb(33,141,104)
```
#26a278
```
#26a278 rgb(38,162,120)
```
#2bb687
```
#2bb687 rgb(43,182,135)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#42d2a1
```
#42d2a1 rgb(66,210,161)
```
#57d7ab
```
#57d7ab rgb(87,215,171)
```
#6bdcb6
```
#6bdcb6 rgb(107,220,182)
```

Monochromatic Color

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

#30cb6f
```
#30cb6f rgb(48,203,111)
```
#30cb7c
```
#30cb7c rgb(48,203,124)
```
#30cb89
```
#30cb89 rgb(48,203,137)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#30cba3
```
#30cba3 rgb(48,203,163)
```
#30cbb0
```
#30cbb0 rgb(48,203,176)
```
#30cbbd
```
#30cbbd rgb(48,203,189)
```

Similar Colors

Text with hexadecimal color #30cb96

This text has a font color of #30cb96.

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

#30cb96 background color

This paragraph has a background color of #30cb96.

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

#30cb96 border color

This element has a border color of #30cb96.

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

CSS codes

.text {color:#30cb96;}

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

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

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

#030d09
```
#030d09 rgb(3,13,9)
```
#071c15
```
#071c15 rgb(7,28,21)
```
#0a2c21
```
#0a2c21 rgb(10,44,33)
```
#0e3c2c
```
#0e3c2c rgb(14,60,44)
```
#124c38
```
#124c38 rgb(18,76,56)
```
#165c44
```
#165c44 rgb(22,92,68)
```
#196c50
```
#196c50 rgb(25,108,80)
```
#1d7c5b
```
#1d7c5b rgb(29,124,91)
```
#218c67
```
#218c67 rgb(33,140,103)
```
#259b73
```
#259b73 rgb(37,155,115)
```
#28ab7f
```
#28ab7f rgb(40,171,127)
```
#2cbb8a
```
#2cbb8a rgb(44,187,138)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```

Shade Color Variation

#3dd19f
```
#3dd19f rgb(61,209,159)
```
#4dd5a7
```
#4dd5a7 rgb(77,213,167)
```
#5dd9ae
```
#5dd9ae rgb(93,217,174)
```
#6ddcb6
```
#6ddcb6 rgb(109,220,182)
```
#7de0be
```
#7de0be rgb(125,224,190)
```
#8de4c6
```
#8de4c6 rgb(141,228,198)
```
#9de8ce
```
#9de8ce rgb(157,232,206)
```
#acebd6
```
#acebd6 rgb(172,235,214)
```
#bcefde
```
#bcefde rgb(188,239,222)
```
#ccf3e6
```
#ccf3e6 rgb(204,243,230)
```
#dcf7ee
```
#dcf7ee rgb(220,247,238)
```
#ecfaf5
```
#ecfaf5 rgb(236,250,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#7d7e7e
```
#7d7e7e rgb(125,126,126)
```
#748781
```
#748781 rgb(116,135,129)
```
#6a9184
```
#6a9184 rgb(106,145,132)
```
#609b87
```
#609b87 rgb(96,155,135)
```
#57a48a
```
#57a48a rgb(87,164,138)
```
#4dae8d
```
#4dae8d rgb(77,174,141)
```
#43b890
```
#43b890 rgb(67,184,144)
```
#3ac193
```
#3ac193 rgb(58,193,147)
```
#30cb96
```
#30cb96 rgb(48,203,150)
```
#26d599
```
#26d599 rgb(38,213,153)
```
#1dde9c
```
#1dde9c rgb(29,222,156)
```
#13e89f
```
#13e89f rgb(19,232,159)
```
#09f2a2
```
#09f2a2 rgb(9,242,162)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#82a197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b791 Protanopia 1% of men
#cfb1a5 Deuteranopia 1% of men
#5dc6d4 Tritanopia 0.001% of the population

Trichromacy

#8dbe93 Protanomaly 1% of men, 0.01% of women
#95ba9f Deuteranomaly 6% of men, 0.4% of women
#4cc7bd Tritanomaly 0.01% of the population

#30cb96 hex color

#30cb96 Color Information

#30cb96 Color Conversion

Color Schemes with #30cb96

Alternatives to #30cb96

#30cb96 Preview

Shades and Tints of #30cb96

Tones of #30cb96

Color Blindness Simulator