#00cc30 hex color

In a RGB color space, hex #00cc30 is composed of 0% red, 80% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 76.5% yellow and 20% black. It has a hue angle of 134.1 degrees, a saturation of 100% and a lightness of 40%. #00cc30 color hex could be obtained by blending #00ff60 with #009900. Closest websafe color is: #00cc33.

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

● #00cc30 color description : Strong lime green.

The hexadecimal color #00cc30 has RGB values of R:0, G:204, B:48 and CMYK values of C:1, M:0, Y:0.76, K:0.2. Its decimal value is 52272.

Hex triplet	00cc30	`#00cc30`
RGB Decimal	0, 204, 48	`rgb(0,204,48)`
RGB Percent	0, 80, 18.8	`rgb(0%,80%,18.8%)`
CMYK	100, 0, 76, 20
HSL	134.1°, 100, 40	`hsl(134.1,100%,40%)`
HSV (or HSB)	134.1°, 100, 80
Web Safe	00cc33	`#00cc33`

CIE-LAB	71.823, -70.973, 61.165
XYZ	22.125, 43.397, 10.006
xyY	0.293, 0.575, 43.397
CIE-LCH	71.823, 93.693, 139.245
CIE-LUV	71.823, -67.196, 81.386
Hunter-Lab	65.876, -55.332, 37.107
Binary	00000000, 11001100, 00110000

#00cc30
```
#00cc30 rgb(0,204,48)
```
#cc009c
```
#cc009c rgb(204,0,156)
```

Complementary Color

#36cc00
```
#36cc00 rgb(54,204,0)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#00cc96
```
#00cc96 rgb(0,204,150)
```

Analogous Color

#cc0036
```
#cc0036 rgb(204,0,54)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#9600cc
```
#9600cc rgb(150,0,204)
```

Split Complementary Color

#cc3000
```
#cc3000 rgb(204,48,0)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#3000cc
```
#3000cc rgb(48,0,204)
```

Triadic Color

#9ccc00
```
#9ccc00 rgb(156,204,0)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#3000cc
```
#3000cc rgb(48,0,204)
```
#cc009c
```
#cc009c rgb(204,0,156)
```

Tetradic Color

#00801e
```
#00801e rgb(0,128,30)
```
#009924
```
#009924 rgb(0,153,36)
```
#00b32a
```
#00b32a rgb(0,179,42)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#00e636
```
#00e636 rgb(0,230,54)
```
#00ff3c
```
#00ff3c rgb(0,255,60)
```
#1aff50
```
#1aff50 rgb(26,255,80)
```

Monochromatic Color

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

#03cc00
```
#03cc00 rgb(3,204,0)
```
#00cc0e
```
#00cc0e rgb(0,204,14)
```
#00cc1f
```
#00cc1f rgb(0,204,31)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#00cc41
```
#00cc41 rgb(0,204,65)
```
#00cc52
```
#00cc52 rgb(0,204,82)
```
#00cc63
```
#00cc63 rgb(0,204,99)
```

Similar Colors

Text with hexadecimal color #00cc30

This text has a font color of #00cc30.

<span style="color:#00cc30;">Text here</span>

#00cc30 background color

This paragraph has a background color of #00cc30.

<p style="background-color:#00cc30;">Content here</p>

#00cc30 border color

This element has a border color of #00cc30.

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

CSS codes

.text {color:#00cc30;}

.background {background-color:#00cc30;}

.border {border:1px solid #00cc30;}

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, #000802 is the darkest color, while #f3fff6 is the lightest one.

#000802
```
#000802 rgb(0,8,2)
```
#001b06
```
#001b06 rgb(0,27,6)
```
#002f0b
```
#002f0b rgb(0,47,11)
```
#004310
```
#004310 rgb(0,67,16)
```
#005614
```
#005614 rgb(0,86,20)
```
#006a19
```
#006a19 rgb(0,106,25)
```
#007e1e
```
#007e1e rgb(0,126,30)
```
#009122
```
#009122 rgb(0,145,34)
```
#00a527
```
#00a527 rgb(0,165,39)
```
#00b82b
```
#00b82b rgb(0,184,43)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```
#00e035
```
#00e035 rgb(0,224,53)
```
#00f339
```
#00f339 rgb(0,243,57)
```

Shade Color Variation

#08ff42
```
#08ff42 rgb(8,255,66)
```
#1bff51
```
#1bff51 rgb(27,255,81)
```
#2fff60
```
#2fff60 rgb(47,255,96)
```
#43ff6f
```
#43ff6f rgb(67,255,111)
```
#56ff7e
```
#56ff7e rgb(86,255,126)
```
#6aff8d
```
#6aff8d rgb(106,255,141)
```
#7eff9c
```
#7eff9c rgb(126,255,156)
```
#91ffab
```
#91ffab rgb(145,255,171)
```
#a5ffba
```
#a5ffba rgb(165,255,186)
```
#b8ffc9
```
#b8ffc9 rgb(184,255,201)
```
#ccffd8
```
#ccffd8 rgb(204,255,216)
```
#e0ffe7
```
#e0ffe7 rgb(224,255,231)
```
#f3fff6
```
#f3fff6 rgb(243,255,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6e62 is the less saturated color, while #00cc30 is the most saturated one.

#5e6e62
```
#5e6e62 rgb(94,110,98)
```
#56765e
```
#56765e rgb(86,118,94)
```
#4e7e5a
```
#4e7e5a rgb(78,126,90)
```
#478555
```
#478555 rgb(71,133,85)
```
#3f8d51
```
#3f8d51 rgb(63,141,81)
```
#37954d
```
#37954d rgb(55,149,77)
```
#2f9d49
```
#2f9d49 rgb(47,157,73)
```
#27a545
```
#27a545 rgb(39,165,69)
```
#1fad41
```
#1fad41 rgb(31,173,65)
```
#18b43c
```
#18b43c rgb(24,180,60)
```
#10bc38
```
#10bc38 rgb(16,188,56)
```
#08c434
```
#08c434 rgb(8,196,52)
```
#00cc30
```
#00cc30 rgb(0,204,48)
```

Tone Color Variation

Below, you can see how #00cc30 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
#648d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b433 Protanopia 1% of men
#deab4c Deuteranopia 1% of men
#62c1cf Tritanopia 0.001% of the population

Trichromacy

#80bd32 Protanomaly 1% of men, 0.01% of women
#8db742 Deuteranomaly 6% of men, 0.4% of women
#3ec595 Tritanomaly 0.01% of the population

#00cc30 hex color

#00cc30 Color Information

#00cc30 Color Conversion

Color Schemes with #00cc30

Alternatives to #00cc30

#00cc30 Preview

Shades and Tints of #00cc30

Tones of #00cc30

Color Blindness Simulator