#30ca96 hex color

In a RGB color space, hex #30ca96 is composed of 18.8% red, 79.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 159.7 degrees, a saturation of 61.6% and a lightness of 49%. #30ca96 color hex could be obtained by blending #60ffff with #00952d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #30ca96 has RGB values of R:48, G:202, B:150 and CMYK values of C:0.76, M:0, Y:0.26, K:0.21. Its decimal value is 3197590.

Hex triplet	30ca96	`#30ca96`
RGB Decimal	48, 202, 150	`rgb(48,202,150)`
RGB Percent	18.8, 79.2, 58.8	`rgb(18.8%,79.2%,58.8%)`
CMYK	76, 0, 26, 21
HSL	159.7°, 61.6, 49	`hsl(159.7,61.6%,49%)`
HSV (or HSB)	159.7°, 76.2, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.937, -51.283, 14.936
XYZ	27.842, 45.069, 36.084
xyY	0.255, 0.413, 45.069
CIE-LCH	72.937, 53.414, 163.762
CIE-LUV	72.937, -57.562, 29.504
Hunter-Lab	67.133, -43.454, 15.125
Binary	00110000, 11001010, 10010110

#30ca96
```
#30ca96 rgb(48,202,150)
```
#ca3064
```
#ca3064 rgb(202,48,100)
```

Complementary Color

#30ca49
```
#30ca49 rgb(48,202,73)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```

Analogous Color

#ca4930
```
#ca4930 rgb(202,73,48)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#ca30b1
```
#ca30b1 rgb(202,48,177)
```

Split Complementary Color

#ca9630
```
#ca9630 rgb(202,150,48)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#9630ca
```
#9630ca rgb(150,48,202)
```

Triadic Color

#64ca30
```
#64ca30 rgb(100,202,48)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#9630ca
```
#9630ca rgb(150,48,202)
```
#ca3064
```
#ca3064 rgb(202,48,100)
```

Tetradic Color

#218c68
```
#218c68 rgb(33,140,104)
```
#26a177
```
#26a177 rgb(38,161,119)
```
#2bb587
```
#2bb587 rgb(43,181,135)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#42d2a1
```
#42d2a1 rgb(66,210,161)
```
#56d7ab
```
#56d7ab rgb(86,215,171)
```
#6bdcb6
```
#6bdcb6 rgb(107,220,182)
```

Monochromatic Color

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

#30ca70
```
#30ca70 rgb(48,202,112)
```
#30ca7c
```
#30ca7c rgb(48,202,124)
```
#30ca89
```
#30ca89 rgb(48,202,137)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#30caa3
```
#30caa3 rgb(48,202,163)
```
#30cab0
```
#30cab0 rgb(48,202,176)
```
#30cabd
```
#30cabd rgb(48,202,189)
```

Similar Colors

Text with hexadecimal color #30ca96

This text has a font color of #30ca96.

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

#30ca96 background color

This paragraph has a background color of #30ca96.

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

#30ca96 border color

This element has a border color of #30ca96.

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

CSS codes

.text {color:#30ca96;}

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

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

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

#030c09
```
#030c09 rgb(3,12,9)
```
#071c15
```
#071c15 rgb(7,28,21)
```
#0a2c20
```
#0a2c20 rgb(10,44,32)
```
#0e3b2c
```
#0e3b2c rgb(14,59,44)
```
#124b38
```
#124b38 rgb(18,75,56)
```
#165b44
```
#165b44 rgb(22,91,68)
```
#196b4f
```
#196b4f rgb(25,107,79)
```
#1d7b5b
```
#1d7b5b rgb(29,123,91)
```
#218b67
```
#218b67 rgb(33,139,103)
```
#259a73
```
#259a73 rgb(37,154,115)
```
#28aa7e
```
#28aa7e rgb(40,170,126)
```
#2cba8a
```
#2cba8a rgb(44,186,138)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```

Shade Color Variation

#3dd19f
```
#3dd19f rgb(61,209,159)
```
#4dd5a7
```
#4dd5a7 rgb(77,213,167)
```
#5cd8af
```
#5cd8af rgb(92,216,175)
```
#6cdcb6
```
#6cdcb6 rgb(108,220,182)
```
#7ce0be
```
#7ce0be rgb(124,224,190)
```
#8ce4c6
```
#8ce4c6 rgb(140,228,198)
```
#9ce7ce
```
#9ce7ce rgb(156,231,206)
```
#acebd6
```
#acebd6 rgb(172,235,214)
```
#bcefde
```
#bcefde rgb(188,239,222)
```
#cbf3e5
```
#cbf3e5 rgb(203,243,229)
```
#dbf7ed
```
#dbf7ed rgb(219,247,237)
```
#ebfaf5
```
#ebfaf5 rgb(235,250,245)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#738780
```
#738780 rgb(115,135,128)
```
#6a9083
```
#6a9083 rgb(106,144,131)
```
#609a86
```
#609a86 rgb(96,154,134)
```
#56a48a
```
#56a48a rgb(86,164,138)
```
#4dad8d
```
#4dad8d rgb(77,173,141)
```
#43b790
```
#43b790 rgb(67,183,144)
```
#3ac093
```
#3ac093 rgb(58,192,147)
```
#30ca96
```
#30ca96 rgb(48,202,150)
```
#26d499
```
#26d499 rgb(38,212,153)
```
#1ddd9c
```
#1ddd9c rgb(29,221,156)
```
#13e79f
```
#13e79f rgb(19,231,159)
```
#0af0a2
```
#0af0a2 rgb(10,240,162)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#82a096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b691 Protanopia 1% of men
#ceb0a5 Deuteranopia 1% of men
#5cc5d3 Tritanopia 0.001% of the population

Trichromacy

#8dbd93 Protanomaly 1% of men, 0.01% of women
#94b99f Deuteranomaly 6% of men, 0.4% of women
#4cc6bd Tritanomaly 0.01% of the population

#30ca96 hex color

#30ca96 Color Information

#30ca96 Color Conversion

Color Schemes with #30ca96

Alternatives to #30ca96

#30ca96 Preview

Shades and Tints of #30ca96

Tones of #30ca96

Color Blindness Simulator