#33cd80 hex color

In a RGB color space, hex #33cd80 is composed of 20% red, 80.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 0% magenta, 37.6% yellow and 19.6% black. It has a hue angle of 150 degrees, a saturation of 60.6% and a lightness of 50.2%. #33cd80 color hex could be obtained by blending #66ffff with #009b01. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #33cd80 has RGB values of R:51, G:205, B:128 and CMYK values of C:0.75, M:0, Y:0.38, K:0.2. Its decimal value is 3394944.

Hex triplet	33cd80	`#33cd80`
RGB Decimal	51, 205, 128	`rgb(51,205,128)`
RGB Percent	20, 80.4, 50.2	`rgb(20%,80.4%,50.2%)`
CMYK	75, 0, 38, 20
HSL	150°, 60.6, 50.2	`hsl(150,60.6%,50.2%)`
HSV (or HSB)	150°, 75.1, 80.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.495, -56.702, 27.336
XYZ	27.091, 45.922, 27.857
xyY	0.269, 0.455, 45.922
CIE-LCH	73.495, 62.948, 154.262
CIE-LUV	73.495, -59.524, 46.448
Hunter-Lab	67.766, -47.231, 23.063
Binary	00110011, 11001101, 10000000

#33cd80
```
#33cd80 rgb(51,205,128)
```
#cd3380
```
#cd3380 rgb(205,51,128)
```

Complementary Color

#33cd33
```
#33cd33 rgb(51,205,51)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#33cdcd
```
#33cdcd rgb(51,205,205)
```

Analogous Color

#cd3333
```
#cd3333 rgb(205,51,51)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#cd33cd
```
#cd33cd rgb(205,51,205)
```

Split Complementary Color

#cd8033
```
#cd8033 rgb(205,128,51)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#8033cd
```
#8033cd rgb(128,51,205)
```

Triadic Color

#80cd33
```
#80cd33 rgb(128,205,51)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#8033cd
```
#8033cd rgb(128,51,205)
```
#cd3380
```
#cd3380 rgb(205,51,128)
```

Tetradic Color

#23905a
```
#23905a rgb(35,144,90)
```
#28a567
```
#28a567 rgb(40,165,103)
```
#2db973
```
#2db973 rgb(45,185,115)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#47d28d
```
#47d28d rgb(71,210,141)
```
#5cd79a
```
#5cd79a rgb(92,215,154)
```
#70dca6
```
#70dca6 rgb(112,220,166)
```

Monochromatic Color

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

#33cd5a
```
#33cd5a rgb(51,205,90)
```
#33cd66
```
#33cd66 rgb(51,205,102)
```
#33cd73
```
#33cd73 rgb(51,205,115)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#33cd8d
```
#33cd8d rgb(51,205,141)
```
#33cd9a
```
#33cd9a rgb(51,205,154)
```
#33cda7
```
#33cda7 rgb(51,205,167)
```

Similar Colors

Text with hexadecimal color #33cd80

This text has a font color of #33cd80.

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

#33cd80 background color

This paragraph has a background color of #33cd80.

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

#33cd80 border color

This element has a border color of #33cd80.

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

CSS codes

.text {color:#33cd80;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#04110a
```
#04110a rgb(4,17,10)
```
#082014
```
#082014 rgb(8,32,20)
```
#0c301e
```
#0c301e rgb(12,48,30)
```
#104028
```
#104028 rgb(16,64,40)
```
#145032
```
#145032 rgb(20,80,50)
```
#175f3b
```
#175f3b rgb(23,95,59)
```
#1b6f45
```
#1b6f45 rgb(27,111,69)
```
#1f7f4f
```
#1f7f4f rgb(31,127,79)
```
#238f59
```
#238f59 rgb(35,143,89)
```
#279e63
```
#279e63 rgb(39,158,99)
```
#2bae6c
```
#2bae6c rgb(43,174,108)
```
#2fbe76
```
#2fbe76 rgb(47,190,118)
```

Shade Color Variation

#33cd80
```
#33cd80 rgb(51,205,128)
```
#43d18a
```
#43d18a rgb(67,209,138)
```
#53d594
```
#53d594 rgb(83,213,148)
```
#62d99d
```
#62d99d rgb(98,217,157)
```
#72dca7
```
#72dca7 rgb(114,220,167)
```
#82e0b1
```
#82e0b1 rgb(130,224,177)
```
#92e4bb
```
#92e4bb rgb(146,228,187)
```
#a1e8c5
```
#a1e8c5 rgb(161,232,197)
```
#b1ecce
```
#b1ecce rgb(177,236,206)
```
#c1f0d8
```
#c1f0d8 rgb(193,240,216)
```
#d1f4e2
```
#d1f4e2 rgb(209,244,226)
```
#e0f7ec
```
#e0f7ec rgb(224,247,236)
```
#f0fbf6
```
#f0fbf6 rgb(240,251,246)
```

Tint Color Variation

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

#778980
```
#778980 rgb(119,137,128)
```
#6e9280
```
#6e9280 rgb(110,146,128)
```
#649c80
```
#649c80 rgb(100,156,128)
```
#5aa680
```
#5aa680 rgb(90,166,128)
```
#50b080
```
#50b080 rgb(80,176,128)
```
#47b980
```
#47b980 rgb(71,185,128)
```
#3dc380
```
#3dc380 rgb(61,195,128)
```
#33cd80
```
#33cd80 rgb(51,205,128)
```
#29d780
```
#29d780 rgb(41,215,128)
```
#1fe180
```
#1fe180 rgb(31,225,128)
```
#16ea80
```
#16ea80 rgb(22,234,128)
```
#0cf480
```
#0cf480 rgb(12,244,128)
```
#02fe80
```
#02fe80 rgb(2,254,128)
```

Tone Color Variation

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

Dichromacy

#c7b87d Protanopia 1% of men
#d6b191 Deuteranopia 1% of men
#65c5d4 Tritanopia 0.001% of the population

Trichromacy

#91bf7e Protanomaly 1% of men, 0.01% of women
#9bbb8a Deuteranomaly 6% of men, 0.4% of women
#52c8b5 Tritanomaly 0.01% of the population

#33cd80 hex color

#33cd80 Color Information

#33cd80 Color Conversion

Color Schemes with #33cd80

Alternatives to #33cd80

#33cd80 Preview

Shades and Tints of #33cd80

Tones of #33cd80

Color Blindness Simulator