#33cc85 hex color

In a RGB color space, hex #33cc85 is composed of 20% red, 80% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 0% magenta, 34.8% yellow and 20% black. It has a hue angle of 152.2 degrees, a saturation of 60% and a lightness of 50%. #33cc85 color hex could be obtained by blending #66ffff with #00990b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 20
- G 80
- B 52
RGB color chart
- C 75
- M 0
- Y 35
- K 20
CMYK color chart

● #33cc85 color description : Strong cyan - lime green.

The hexadecimal color #33cc85 has RGB values of R:51, G:204, B:133 and CMYK values of C:0.75, M:0, Y:0.35, K:0.2. Its decimal value is 3394693.

Hex triplet	33cc85	`#33cc85`
RGB Decimal	51, 204, 133	`rgb(51,204,133)`
RGB Percent	20, 80, 52.2	`rgb(20%,80%,52.2%)`
CMYK	75, 0, 35, 20
HSL	152.2°, 60, 50	`hsl(152.2,60%,50%)`
HSV (or HSB)	152.2°, 75, 80
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.272, -55.343, 24.424
XYZ	27.19, 45.58, 29.554
xyY	0.266, 0.445, 45.58
CIE-LCH	73.272, 60.493, 156.187
CIE-LUV	73.272, -58.882, 42.604
Hunter-Lab	67.513, -46.26, 21.305
Binary	00110011, 11001100, 10000101

#33cc85
```
#33cc85 rgb(51,204,133)
```
#cc337a
```
#cc337a rgb(204,51,122)
```

Complementary Color

#33cc39
```
#33cc39 rgb(51,204,57)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#33c7cc
```
#33c7cc rgb(51,199,204)
```

Analogous Color

#cc3933
```
#cc3933 rgb(204,57,51)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#cc33c7
```
#cc33c7 rgb(204,51,199)
```

Split Complementary Color

#cc8533
```
#cc8533 rgb(204,133,51)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#8533cc
```
#8533cc rgb(133,51,204)
```

Triadic Color

#7acc33
```
#7acc33 rgb(122,204,51)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#8533cc
```
#8533cc rgb(133,51,204)
```
#cc337a
```
#cc337a rgb(204,51,122)
```

Tetradic Color

#248f5d
```
#248f5d rgb(36,143,93)
```
#29a36a
```
#29a36a rgb(41,163,106)
```
#2eb878
```
#2eb878 rgb(46,184,120)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#47d191
```
#47d191 rgb(71,209,145)
```
#5cd69d
```
#5cd69d rgb(92,214,157)
```
#70dbaa
```
#70dbaa rgb(112,219,170)
```

Monochromatic Color

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

#33cc5f
```
#33cc5f rgb(51,204,95)
```
#33cc6c
```
#33cc6c rgb(51,204,108)
```
#33cc78
```
#33cc78 rgb(51,204,120)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#33cc92
```
#33cc92 rgb(51,204,146)
```
#33cc9f
```
#33cc9f rgb(51,204,159)
```
#33ccab
```
#33ccab rgb(51,204,171)
```

Similar Colors

Text with hexadecimal color #33cc85

This text has a font color of #33cc85.

<span style="color:#33cc85;">Text here</span>

#33cc85 background color

This paragraph has a background color of #33cc85.

<p style="background-color:#33cc85;">Content here</p>

#33cc85 border color

This element has a border color of #33cc85.

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

CSS codes

.text {color:#33cc85;}

.background {background-color:#33cc85;}

.border {border:1px solid #33cc85;}

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, #04100a is the darkest color, while #ffffff is the lightest one.

#04100a
```
#04100a rgb(4,16,10)
```
#081f14
```
#081f14 rgb(8,31,20)
```
#0c2f1f
```
#0c2f1f rgb(12,47,31)
```
#103f29
```
#103f29 rgb(16,63,41)
```
#144e33
```
#144e33 rgb(20,78,51)
```
#185e3d
```
#185e3d rgb(24,94,61)
```
#1b6e48
```
#1b6e48 rgb(27,110,72)
```
#1f7e52
```
#1f7e52 rgb(31,126,82)
```
#238d5c
```
#238d5c rgb(35,141,92)
```
#279d66
```
#279d66 rgb(39,157,102)
```
#2bad71
```
#2bad71 rgb(43,173,113)
```
#2fbc7b
```
#2fbc7b rgb(47,188,123)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```

Shade Color Variation

#43d08e
```
#43d08e rgb(67,208,142)
```
#52d498
```
#52d498 rgb(82,212,152)
```
#62d8a1
```
#62d8a1 rgb(98,216,161)
```
#72dcab
```
#72dcab rgb(114,220,171)
```
#81e0b4
```
#81e0b4 rgb(129,224,180)
```
#91e4bd
```
#91e4bd rgb(145,228,189)
```
#a1e7c7
```
#a1e7c7 rgb(161,231,199)
```
#b1ebd0
```
#b1ebd0 rgb(177,235,208)
```
#c0efd9
```
#c0efd9 rgb(192,239,217)
```
#d0f3e3
```
#d0f3e3 rgb(208,243,227)
```
#e0f7ec
```
#e0f7ec rgb(224,247,236)
```
#effbf6
```
#effbf6 rgb(239,251,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788780 is the less saturated color, while #02fd89 is the most saturated one.

#788780
```
#788780 rgb(120,135,128)
```
#6e9181
```
#6e9181 rgb(110,145,129)
```
#649b81
```
#649b81 rgb(100,155,129)
```
#5aa582
```
#5aa582 rgb(90,165,130)
```
#50af83
```
#50af83 rgb(80,175,131)
```
#47b884
```
#47b884 rgb(71,184,132)
```
#3dc284
```
#3dc284 rgb(61,194,132)
```
#33cc85
```
#33cc85 rgb(51,204,133)
```
#29d686
```
#29d686 rgb(41,214,134)
```
#1fe086
```
#1fe086 rgb(31,224,134)
```
#16e987
```
#16e987 rgb(22,233,135)
```
#0cf388
```
#0cf388 rgb(12,243,136)
```
#02fd89
```
#02fd89 rgb(2,253,137)
```

Tone Color Variation

Below, you can see how #33cc85 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
#82a193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b782 Protanopia 1% of men
#d4b195 Deuteranopia 1% of men
#63c5d3 Tritanopia 0.001% of the population

Trichromacy

#90bf83 Protanomaly 1% of men, 0.01% of women
#99ba8f Deuteranomaly 6% of men, 0.4% of women
#51c7b7 Tritanomaly 0.01% of the population

#33cc85 hex color

#33cc85 Color Information

#33cc85 Color Conversion

Color Schemes with #33cc85

Alternatives to #33cc85

#33cc85 Preview

Shades and Tints of #33cc85

Tones of #33cc85

Color Blindness Simulator