colorhexa.com

#33a081 hex color

In a RGB color space, hex #33a081 is composed of 20% red, 62.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 0% magenta, 19.4% yellow and 37.3% black. It has a hue angle of 162.9 degrees, a saturation of 51.7% and a lightness of 41.4%. #33a081 color hex could be obtained by blending #66ffff with #004103. Closest websafe color is: #339999.

- R 20
- G 63
- B 51
RGB color chart
- C 68
- M 0
- Y 19
- K 37
CMYK color chart

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

The hexadecimal color #33a081 has RGB values of R:51, G:160, B:129 and CMYK values of C:0.68, M:0, Y:0.19, K:0.37. Its decimal value is 3383425.

Hex triplet	33a081	`#33a081`
RGB Decimal	51, 160, 129	`rgb(51,160,129)`
RGB Percent	20, 62.7, 50.6	`rgb(20%,62.7%,50.6%)`
CMYK	68, 0, 19, 37
HSL	162.9°, 51.7, 41.4	`hsl(162.9,51.7%,41.4%)`
HSV (or HSB)	162.9°, 68.1, 62.7
Web Safe	339999	`#339999`

CIE-LAB	59.369, -38.284, 7.285
XYZ	17.897, 27.429, 25.119
xyY	0.254, 0.389, 27.429
CIE-LCH	59.369, 38.971, 169.226
CIE-LUV	59.369, -43.215, 16.052
Hunter-Lab	52.373, -30.654, 8.224
Binary	00110011, 10100000, 10000001

#33a081
```
#33a081 rgb(51,160,129)
```
#a03352
```
#a03352 rgb(160,51,82)
```

Complementary Color

#33a04b
```
#33a04b rgb(51,160,75)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#3389a0
```
#3389a0 rgb(51,137,160)
```

Analogous Color

#a04b33
```
#a04b33 rgb(160,75,51)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#a03389
```
#a03389 rgb(160,51,137)
```

Split Complementary Color

#a08133
```
#a08133 rgb(160,129,51)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#8133a0
```
#8133a0 rgb(129,51,160)
```

Triadic Color

#52a033
```
#52a033 rgb(82,160,51)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#8133a0
```
#8133a0 rgb(129,51,160)
```
#a03352
```
#a03352 rgb(160,51,82)
```

Tetradic Color

#216652
```
#216652 rgb(33,102,82)
```
#277962
```
#277962 rgb(39,121,98)
```
#2d8d71
```
#2d8d71 rgb(45,141,113)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#39b391
```
#39b391 rgb(57,179,145)
```
#43c39f
```
#43c39f rgb(67,195,159)
```
#56c9a9
```
#56c9a9 rgb(86,201,169)
```

Monochromatic Color

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

#33a066
```
#33a066 rgb(51,160,102)
```
#33a06f
```
#33a06f rgb(51,160,111)
```
#33a078
```
#33a078 rgb(51,160,120)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#33a08a
```
#33a08a rgb(51,160,138)
```
#33a093
```
#33a093 rgb(51,160,147)
```
#33a09c
```
#33a09c rgb(51,160,156)
```

Similar Colors

Text with hexadecimal color #33a081

This text has a font color of #33a081.

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

#33a081 background color

This paragraph has a background color of #33a081.

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

#33a081 border color

This element has a border color of #33a081.

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

CSS codes

.text {color:#33a081;}

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

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

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, #040b09 is the darkest color, while #fbfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#081a15
```
#081a15 rgb(8,26,21)
```
#0d2921
```
#0d2921 rgb(13,41,33)
```
#12382d
```
#12382d rgb(18,56,45)
```
#174739
```
#174739 rgb(23,71,57)
```
#1b5645
```
#1b5645 rgb(27,86,69)
```
#206551
```
#206551 rgb(32,101,81)
```
#25735d
```
#25735d rgb(37,115,93)
```
#2a8269
```
#2a8269 rgb(42,130,105)
```
#2e9175
```
#2e9175 rgb(46,145,117)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#38af8d
```
#38af8d rgb(56,175,141)
```
#3cbe99
```
#3cbe99 rgb(60,190,153)
```

Shade Color Variation

#49c5a2
```
#49c5a2 rgb(73,197,162)
```
#58caa9
```
#58caa9 rgb(88,202,169)
```
#67ceb1
```
#67ceb1 rgb(103,206,177)
```
#76d3b9
```
#76d3b9 rgb(118,211,185)
```
#84d8c0
```
#84d8c0 rgb(132,216,192)
```
#93ddc8
```
#93ddc8 rgb(147,221,200)
```
#a2e1cf
```
#a2e1cf rgb(162,225,207)
```
#b1e6d7
```
#b1e6d7 rgb(177,230,215)
```
#c0ebdf
```
#c0ebdf rgb(192,235,223)
```
#cff0e6
```
#cff0e6 rgb(207,240,230)
```
#def4ee
```
#def4ee rgb(222,244,238)
```
#edf9f6
```
#edf9f6 rgb(237,249,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#646f6c
```
#646f6c rgb(100,111,108)
```
#5c7770
```
#5c7770 rgb(92,119,112)
```
#538073
```
#538073 rgb(83,128,115)
```
#4b8877
```
#4b8877 rgb(75,136,119)
```
#43907a
```
#43907a rgb(67,144,122)
```
#3b987e
```
#3b987e rgb(59,152,126)
```
#33a081
```
#33a081 rgb(51,160,129)
```
#2ba884
```
#2ba884 rgb(43,168,132)
```
#23b088
```
#23b088 rgb(35,176,136)
```
#1bb88b
```
#1bb88b rgb(27,184,139)
```
#13c08f
```
#13c08f rgb(19,192,143)
```
#0ac992
```
#0ac992 rgb(10,201,146)
```
#02d196
```
#02d196 rgb(2,209,150)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d837d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c947f Protanopia 1% of men
#a4908e Deuteranopia 1% of men
#509fab Tritanopia 0.001% of the population

Trichromacy

#759880 Protanomaly 1% of men, 0.01% of women
#7b9589 Deuteranomaly 6% of men, 0.4% of women
#459f9c Tritanomaly 0.01% of the population