#33ff80 hex color

In a RGB color space, hex #33ff80 is composed of 20% red, 100% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 49.8% yellow and 0% black. It has a hue angle of 142.6 degrees, a saturation of 100% and a lightness of 60%. #33ff80 color hex could be obtained by blending #66ffff with #00ff01. Closest websafe color is: #33ff99.

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

● #33ff80 color description : Vivid cyan - lime green.

The hexadecimal color #33ff80 has RGB values of R:51, G:255, B:128 and CMYK values of C:0.8, M:0, Y:0.5, K:0. Its decimal value is 3407744.

Hex triplet	33ff80	`#33ff80`
RGB Decimal	51, 255, 128	`rgb(51,255,128)`
RGB Percent	20, 100, 50.2	`rgb(20%,100%,50.2%)`
CMYK	80, 0, 50, 0
HSL	142.6°, 100, 60	`hsl(142.6,100%,60%)`
HSV (or HSB)	142.6°, 80, 100
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.817, -73.951, 47.059
XYZ	41.019, 73.778, 32.5
xyY	0.278, 0.501, 73.778
CIE-LCH	88.817, 87.654, 147.529
CIE-LUV	88.817, -76.289, 74.956
Hunter-Lab	85.894, -65.072, 37.692
Binary	00110011, 11111111, 10000000

#33ff80
```
#33ff80 rgb(51,255,128)
```
#ff33b2
```
#ff33b2 rgb(255,51,178)
```

Complementary Color

#4cff33
```
#4cff33 rgb(76,255,51)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#33ffe6
```
#33ffe6 rgb(51,255,230)
```

Analogous Color

#ff334c
```
#ff334c rgb(255,51,76)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#e633ff
```
#e633ff rgb(230,51,255)
```

Split Complementary Color

#ff8033
```
#ff8033 rgb(255,128,51)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#8033ff
```
#8033ff rgb(128,51,255)
```

Triadic Color

#b2ff33
```
#b2ff33 rgb(178,255,51)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#8033ff
```
#8033ff rgb(128,51,255)
```
#ff33b2
```
#ff33b2 rgb(255,51,178)
```

Tetradic Color

#00e657
```
#00e657 rgb(0,230,87)
```
#00ff60
```
#00ff60 rgb(0,255,96)
```
#1aff70
```
#1aff70 rgb(26,255,112)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#4dff90
```
#4dff90 rgb(77,255,144)
```
#66ffa0
```
#66ffa0 rgb(102,255,160)
```
#80ffb0
```
#80ffb0 rgb(128,255,176)
```

Monochromatic Color

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

#33ff4d
```
#33ff4d rgb(51,255,77)
```
#33ff5e
```
#33ff5e rgb(51,255,94)
```
#33ff6f
```
#33ff6f rgb(51,255,111)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#33ff91
```
#33ff91 rgb(51,255,145)
```
#33ffa2
```
#33ffa2 rgb(51,255,162)
```
#33ffb3
```
#33ffb3 rgb(51,255,179)
```

Similar Colors

Text with hexadecimal color #33ff80

This text has a font color of #33ff80.

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

#33ff80 background color

This paragraph has a background color of #33ff80.

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

#33ff80 border color

This element has a border color of #33ff80.

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

CSS codes

.text {color:#33ff80;}

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

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

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, #000c04 is the darkest color, while #f7fffa is the lightest one.

#000c04
```
#000c04 rgb(0,12,4)
```
#001f0c
```
#001f0c rgb(0,31,12)
```
#003313
```
#003313 rgb(0,51,19)
```
#00471b
```
#00471b rgb(0,71,27)
```
#005a22
```
#005a22 rgb(0,90,34)
```
#006e29
```
#006e29 rgb(0,110,41)
```
#008131
```
#008131 rgb(0,129,49)
```
#009538
```
#009538 rgb(0,149,56)
```
#00a940
```
#00a940 rgb(0,169,64)
```
#00bc47
```
#00bc47 rgb(0,188,71)
```
#00d04e
```
#00d04e rgb(0,208,78)
```
#00e456
```
#00e456 rgb(0,228,86)
```
#00f75d
```
#00f75d rgb(0,247,93)
```

Shade Color Variation

#0cff68
```
#0cff68 rgb(12,255,104)
```
#1fff74
```
#1fff74 rgb(31,255,116)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```
#47ff8c
```
#47ff8c rgb(71,255,140)
```
#5aff98
```
#5aff98 rgb(90,255,152)
```
#6effa5
```
#6effa5 rgb(110,255,165)
```
#81ffb1
```
#81ffb1 rgb(129,255,177)
```
#95ffbd
```
#95ffbd rgb(149,255,189)
```
#a9ffc9
```
#a9ffc9 rgb(169,255,201)
```
#bcffd5
```
#bcffd5 rgb(188,255,213)
```
#d0ffe2
```
#d0ffe2 rgb(208,255,226)
```
#e4ffee
```
#e4ffee rgb(228,255,238)
```
#f7fffa
```
#f7fffa rgb(247,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91a197 is the less saturated color, while #33ff80 is the most saturated one.

#91a197
```
#91a197 rgb(145,161,151)
```
#89a995
```
#89a995 rgb(137,169,149)
```
#81b193
```
#81b193 rgb(129,177,147)
```
#7ab891
```
#7ab891 rgb(122,184,145)
```
#72c08f
```
#72c08f rgb(114,192,143)
```
#6ac88d
```
#6ac88d rgb(106,200,141)
```
#62d08c
```
#62d08c rgb(98,208,140)
```
#5ad88a
```
#5ad88a rgb(90,216,138)
```
#52e088
```
#52e088 rgb(82,224,136)
```
#4be786
```
#4be786 rgb(75,231,134)
```
#43ef84
```
#43ef84 rgb(67,239,132)
```
#3bf782
```
#3bf782 rgb(59,247,130)
```
#33ff80
```
#33ff80 rgb(51,255,128)
```

Tone Color Variation

Below, you can see how #33ff80 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

#b4b4b4 Achromatopsia 0.005% of the population
#9ac3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6e07c Protanopia 1% of men
#ffdab3 Deuteranopia 1% of men
#8defff Tritanopia 0.001% of the population

Trichromacy

#afeb7d Protanomaly 1% of men, 0.01% of women
#b4e7a0 Deuteranomaly 6% of men, 0.4% of women
#6cf4d0 Tritanomaly 0.01% of the population

#33ff80 hex color

#33ff80 Color Information

#33ff80 Color Conversion

Color Schemes with #33ff80

Alternatives to #33ff80

#33ff80 Preview

Shades and Tints of #33ff80

Tones of #33ff80

Color Blindness Simulator