#30ca66 hex color

In a RGB color space, hex #30ca66 is composed of 18.8% red, 79.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 49.5% yellow and 20.8% black. It has a hue angle of 141 degrees, a saturation of 61.6% and a lightness of 49%. #30ca66 color hex could be obtained by blending #60ffcc with #009500. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #30ca66 has RGB values of R:48, G:202, B:102 and CMYK values of C:0.76, M:0, Y:0.5, K:0.21. Its decimal value is 3197542.

Hex triplet	30ca66	`#30ca66`
RGB Decimal	48, 202, 102	`rgb(48,202,102)`
RGB Percent	18.8, 79.2, 40	`rgb(18.8%,79.2%,40%)`
CMYK	76, 0, 50, 21
HSL	141°, 61.6, 49	`hsl(141,61.6%,49%)`
HSV (or HSB)	141°, 76.2, 79.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.112, -60.566, 38.751
XYZ	24.736, 43.826, 19.725
xyY	0.28, 0.496, 43.826
CIE-LCH	72.112, 71.902, 147.388
CIE-LUV	72.112, -60.341, 59.76
Hunter-Lab	66.201, -49.156, 28.675
Binary	00110000, 11001010, 01100110

#30ca66
```
#30ca66 rgb(48,202,102)
```
#ca3094
```
#ca3094 rgb(202,48,148)
```

Complementary Color

#47ca30
```
#47ca30 rgb(71,202,48)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#30cab3
```
#30cab3 rgb(48,202,179)
```

Analogous Color

#ca3047
```
#ca3047 rgb(202,48,71)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#b330ca
```
#b330ca rgb(179,48,202)
```

Split Complementary Color

#ca6630
```
#ca6630 rgb(202,102,48)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#6630ca
```
#6630ca rgb(102,48,202)
```

Triadic Color

#94ca30
```
#94ca30 rgb(148,202,48)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#6630ca
```
#6630ca rgb(102,48,202)
```
#ca3094
```
#ca3094 rgb(202,48,148)
```

Tetradic Color

#218c47
```
#218c47 rgb(33,140,71)
```
#26a151
```
#26a151 rgb(38,161,81)
```
#2bb55c
```
#2bb55c rgb(43,181,92)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#42d274
```
#42d274 rgb(66,210,116)
```
#56d783
```
#56d783 rgb(86,215,131)
```
#6bdc92
```
#6bdc92 rgb(107,220,146)
```

Monochromatic Color

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

#30ca40
```
#30ca40 rgb(48,202,64)
```
#30ca4c
```
#30ca4c rgb(48,202,76)
```
#30ca59
```
#30ca59 rgb(48,202,89)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#30ca73
```
#30ca73 rgb(48,202,115)
```
#30ca80
```
#30ca80 rgb(48,202,128)
```
#30ca8d
```
#30ca8d rgb(48,202,141)
```

Similar Colors

Text with hexadecimal color #30ca66

This text has a font color of #30ca66.

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

#30ca66 background color

This paragraph has a background color of #30ca66.

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

#30ca66 border color

This element has a border color of #30ca66.

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

CSS codes

.text {color:#30ca66;}

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

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

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

#030c06
```
#030c06 rgb(3,12,6)
```
#071c0e
```
#071c0e rgb(7,28,14)
```
#0a2c16
```
#0a2c16 rgb(10,44,22)
```
#0e3b1e
```
#0e3b1e rgb(14,59,30)
```
#124b26
```
#124b26 rgb(18,75,38)
```
#165b2e
```
#165b2e rgb(22,91,46)
```
#196b36
```
#196b36 rgb(25,107,54)
```
#1d7b3e
```
#1d7b3e rgb(29,123,62)
```
#218b46
```
#218b46 rgb(33,139,70)
```
#259a4e
```
#259a4e rgb(37,154,78)
```
#28aa56
```
#28aa56 rgb(40,170,86)
```
#2cba5e
```
#2cba5e rgb(44,186,94)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```

Shade Color Variation

#3dd171
```
#3dd171 rgb(61,209,113)
```
#4dd57c
```
#4dd57c rgb(77,213,124)
```
#5cd888
```
#5cd888 rgb(92,216,136)
```
#6cdc94
```
#6cdc94 rgb(108,220,148)
```
#7ce09f
```
#7ce09f rgb(124,224,159)
```
#8ce4ab
```
#8ce4ab rgb(140,228,171)
```
#9ce7b6
```
#9ce7b6 rgb(156,231,182)
```
#acebc2
```
#acebc2 rgb(172,235,194)
```
#bcefce
```
#bcefce rgb(188,239,206)
```
#cbf3d9
```
#cbf3d9 rgb(203,243,217)
```
#dbf7e5
```
#dbf7e5 rgb(219,247,229)
```
#ebfaf0
```
#ebfaf0 rgb(235,250,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#73877a
```
#73877a rgb(115,135,122)
```
#6a9077
```
#6a9077 rgb(106,144,119)
```
#609a74
```
#609a74 rgb(96,154,116)
```
#56a471
```
#56a471 rgb(86,164,113)
```
#4dad6f
```
#4dad6f rgb(77,173,111)
```
#43b76c
```
#43b76c rgb(67,183,108)
```
#3ac069
```
#3ac069 rgb(58,192,105)
```
#30ca66
```
#30ca66 rgb(48,202,102)
```
#26d463
```
#26d463 rgb(38,212,99)
```
#1ddd60
```
#1ddd60 rgb(29,221,96)
```
#13e75d
```
#13e75d rgb(19,231,93)
```
#0af05b
```
#0af05b rgb(10,240,91)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e9c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b465 Protanopia 1% of men
#d7ad79 Deuteranopia 1% of men
#67c1cf Tritanopia 0.001% of the population

Trichromacy

#8fbc65 Protanomaly 1% of men, 0.01% of women
#9ab772 Deuteranomaly 6% of men, 0.4% of women
#53c4a9 Tritanomaly 0.01% of the population

#30ca66 hex color

#30ca66 Color Information

#30ca66 Color Conversion

Color Schemes with #30ca66

Alternatives to #30ca66

#30ca66 Preview

Shades and Tints of #30ca66

Tones of #30ca66

Color Blindness Simulator