colorhexa.com

#33aa82 hex color

In a RGB color space, hex #33aa82 is composed of 20% red, 66.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 23.5% yellow and 33.3% black. It has a hue angle of 159.8 degrees, a saturation of 53.8% and a lightness of 43.3%. #33aa82 color hex could be obtained by blending #66ffff with #005505. Closest websafe color is: #339999.

- R 20
- G 67
- B 51
RGB color chart
- C 70
- M 0
- Y 24
- K 33
CMYK color chart

● #33aa82 color description : Dark cyan - lime green.

The hexadecimal color #33aa82 has RGB values of R:51, G:170, B:130 and CMYK values of C:0.7, M:0, Y:0.24, K:0.33. Its decimal value is 3385986.

Hex triplet	33aa82	`#33aa82`
RGB Decimal	51, 170, 130	`rgb(51,170,130)`
RGB Percent	20, 66.7, 51	`rgb(20%,66.7%,51%)`
CMYK	70, 0, 24, 33
HSL	159.8°, 53.8, 43.3	`hsl(159.8,53.8%,43.3%)`
HSV (or HSB)	159.8°, 70, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.561, -42.386, 11.256
XYZ	19.768, 31.063, 26.072
xyY	0.257, 0.404, 31.063
CIE-LCH	62.561, 43.855, 165.128
CIE-LUV	62.561, -46.867, 22.295
Hunter-Lab	55.734, -34.225, 11.279
Binary	00110011, 10101010, 10000010

#33aa82
```
#33aa82 rgb(51,170,130)
```
#aa335b
```
#aa335b rgb(170,51,91)
```

Complementary Color

#33aa46
```
#33aa46 rgb(51,170,70)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#3397aa
```
#3397aa rgb(51,151,170)
```

Analogous Color

#aa4733
```
#aa4733 rgb(170,71,51)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#aa3397
```
#aa3397 rgb(170,51,151)
```

Split Complementary Color

#aa8233
```
#aa8233 rgb(170,130,51)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#8233aa
```
#8233aa rgb(130,51,170)
```

Triadic Color

#5baa33
```
#5baa33 rgb(91,170,51)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#8233aa
```
#8233aa rgb(130,51,170)
```
#aa335b
```
#aa335b rgb(170,51,91)
```

Tetradic Color

#216f55
```
#216f55 rgb(33,111,85)
```
#278364
```
#278364 rgb(39,131,100)
```
#2d9673
```
#2d9673 rgb(45,150,115)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#39be91
```
#39be91 rgb(57,190,145)
```
#48c89d
```
#48c89d rgb(72,200,157)
```
#5ccea8
```
#5ccea8 rgb(92,206,168)
```

Monochromatic Color

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

#33aa64
```
#33aa64 rgb(51,170,100)
```
#33aa6e
```
#33aa6e rgb(51,170,110)
```
#33aa78
```
#33aa78 rgb(51,170,120)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#33aa8c
```
#33aa8c rgb(51,170,140)
```
#33aa96
```
#33aa96 rgb(51,170,150)
```
#33aaa0
```
#33aaa0 rgb(51,170,160)
```

Similar Colors

Text with hexadecimal color #33aa82

This text has a font color of #33aa82.

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

#33aa82 background color

This paragraph has a background color of #33aa82.

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

#33aa82 border color

This element has a border color of #33aa82.

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

CSS codes

.text {color:#33aa82;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#06130f
```
#06130f rgb(6,19,15)
```
#0a221a
```
#0a221a rgb(10,34,26)
```
#0f3126
```
#0f3126 rgb(15,49,38)
```
#134031
```
#134031 rgb(19,64,49)
```
#184f3d
```
#184f3d rgb(24,79,61)
```
#1c5f48
```
#1c5f48 rgb(28,95,72)
```
#216e54
```
#216e54 rgb(33,110,84)
```
#257d5f
```
#257d5f rgb(37,125,95)
```
#2a8c6b
```
#2a8c6b rgb(42,140,107)
```
#2e9b76
```
#2e9b76 rgb(46,155,118)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#38b98e
```
#38b98e rgb(56,185,142)
```

Shade Color Variation

#3fc598
```
#3fc598 rgb(63,197,152)
```
#4ecaa0
```
#4ecaa0 rgb(78,202,160)
```
#5dcea8
```
#5dcea8 rgb(93,206,168)
```
#6cd3b0
```
#6cd3b0 rgb(108,211,176)
```
#7bd7b8
```
#7bd7b8 rgb(123,215,184)
```
#8adcc1
```
#8adcc1 rgb(138,220,193)
```
#99e1c9
```
#99e1c9 rgb(153,225,201)
```
#a8e5d1
```
#a8e5d1 rgb(168,229,209)
```
#b8ead9
```
#b8ead9 rgb(184,234,217)
```
#c7eee1
```
#c7eee1 rgb(199,238,225)
```
#d6f3e9
```
#d6f3e9 rgb(214,243,233)
```
#e5f7f1
```
#e5f7f1 rgb(229,247,241)
```
#f4fcf9
```
#f4fcf9 rgb(244,252,249)
```

Tint Color Variation

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

#667771
```
#667771 rgb(102,119,113)
```
#5e8074
```
#5e8074 rgb(94,128,116)
```
#558877
```
#558877 rgb(85,136,119)
```
#4d917a
```
#4d917a rgb(77,145,122)
```
#44997c
```
#44997c rgb(68,153,124)
```
#3ca27f
```
#3ca27f rgb(60,162,127)
```
#33aa82
```
#33aa82 rgb(51,170,130)
```
#2bb385
```
#2bb385 rgb(43,179,133)
```
#22bb88
```
#22bb88 rgb(34,187,136)
```
#1ac48a
```
#1ac48a rgb(26,196,138)
```
#11cc8d
```
#11cc8d rgb(17,204,141)
```
#09d590
```
#09d590 rgb(9,213,144)
```
#00dd93
```
#00dd93 rgb(0,221,147)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#728a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59c80 Protanopia 1% of men
#af9790 Deuteranopia 1% of men
#54a8b4 Tritanopia 0.001% of the population

Trichromacy

#7ca180 Protanomaly 1% of men, 0.01% of women
#829e8b Deuteranomaly 6% of men, 0.4% of women
#48a8a2 Tritanomaly 0.01% of the population