#33a085 hex color

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

♥
- f
- t
- g
- R 20
- G 63
- B 52
RGB color chart
- C 68
- M 0
- Y 17
- K 37
CMYK color chart

● #33a085 color description : Dark moderate cyan.

The hexadecimal color #33a085 has RGB values of R:51, G:160, B:133 and CMYK values of C:0.68, M:0, Y:0.17, K:0.37. Its decimal value is 3383429.

Hex triplet	33a085	`#33a085`
RGB Decimal	51, 160, 133	`rgb(51,160,133)`
RGB Percent	20, 62.7, 52.2	`rgb(20%,62.7%,52.2%)`
CMYK	68, 0, 17, 37
HSL	165.1°, 51.7, 41.4	`hsl(165.1,51.7%,41.4%)`
HSV (or HSB)	165.1°, 68.1, 62.7
Web Safe	339999	`#339999`

CIE-LAB	59.468, -37.271, 5.174
XYZ	18.168, 27.537, 26.547
xyY	0.251, 0.381, 27.537
CIE-LCH	59.468, 37.629, 172.096
CIE-LUV	59.468, -42.973, 12.98
Hunter-Lab	52.476, -30.033, 6.739
Binary	00110011, 10100000, 10000101

#33a085
```
#33a085 rgb(51,160,133)
```
#a0334e
```
#a0334e rgb(160,51,78)
```

Complementary Color

#33a04f
```
#33a04f rgb(51,160,79)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#3385a0
```
#3385a0 rgb(51,133,160)
```

Analogous Color

#a04f33
```
#a04f33 rgb(160,79,51)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#a03385
```
#a03385 rgb(160,51,133)
```

Split Complementary Color

#a08533
```
#a08533 rgb(160,133,51)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#8533a0
```
#8533a0 rgb(133,51,160)
```

Triadic Color

#4ea033
```
#4ea033 rgb(78,160,51)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#8533a0
```
#8533a0 rgb(133,51,160)
```
#a0334e
```
#a0334e rgb(160,51,78)
```

Tetradic Color

#216655
```
#216655 rgb(33,102,85)
```
#277965
```
#277965 rgb(39,121,101)
```
#2d8d75
```
#2d8d75 rgb(45,141,117)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#39b395
```
#39b395 rgb(57,179,149)
```
#43c3a3
```
#43c3a3 rgb(67,195,163)
```
#56c9ad
```
#56c9ad rgb(86,201,173)
```

Monochromatic Color

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

#33a06a
```
#33a06a rgb(51,160,106)
```
#33a073
```
#33a073 rgb(51,160,115)
```
#33a07c
```
#33a07c rgb(51,160,124)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#33a08e
```
#33a08e rgb(51,160,142)
```
#33a097
```
#33a097 rgb(51,160,151)
```
#33a0a0
```
#33a0a0 rgb(51,160,160)
```

Similar Colors

Text with hexadecimal color #33a085

This text has a font color of #33a085.

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

#33a085 background color

This paragraph has a background color of #33a085.

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

#33a085 border color

This element has a border color of #33a085.

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

CSS codes

.text {color:#33a085;}

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

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

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)
```
#081a16
```
#081a16 rgb(8,26,22)
```
#0d2922
```
#0d2922 rgb(13,41,34)
```
#12382e
```
#12382e rgb(18,56,46)
```
#17473b
```
#17473b rgb(23,71,59)
```
#1b5647
```
#1b5647 rgb(27,86,71)
```
#206554
```
#206554 rgb(32,101,84)
```
#257360
```
#257360 rgb(37,115,96)
```
#2a826c
```
#2a826c rgb(42,130,108)
```
#2e9179
```
#2e9179 rgb(46,145,121)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#38af91
```
#38af91 rgb(56,175,145)
```
#3cbe9e
```
#3cbe9e rgb(60,190,158)
```

Shade Color Variation

#49c5a6
```
#49c5a6 rgb(73,197,166)
```
#58caad
```
#58caad rgb(88,202,173)
```
#67ceb5
```
#67ceb5 rgb(103,206,181)
```
#76d3bc
```
#76d3bc rgb(118,211,188)
```
#84d8c3
```
#84d8c3 rgb(132,216,195)
```
#93ddca
```
#93ddca rgb(147,221,202)
```
#a2e1d2
```
#a2e1d2 rgb(162,225,210)
```
#b1e6d9
```
#b1e6d9 rgb(177,230,217)
```
#c0ebe0
```
#c0ebe0 rgb(192,235,224)
```
#cff0e7
```
#cff0e7 rgb(207,240,231)
```
#def4ef
```
#def4ef rgb(222,244,239)
```
#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 #02d19e is the most saturated one.

#646f6c
```
#646f6c rgb(100,111,108)
```
#5c7771
```
#5c7771 rgb(92,119,113)
```
#538075
```
#538075 rgb(83,128,117)
```
#4b8879
```
#4b8879 rgb(75,136,121)
```
#43907d
```
#43907d rgb(67,144,125)
```
#3b9881
```
#3b9881 rgb(59,152,129)
```
#33a085
```
#33a085 rgb(51,160,133)
```
#2ba889
```
#2ba889 rgb(43,168,137)
```
#23b08d
```
#23b08d rgb(35,176,141)
```
#1bb891
```
#1bb891 rgb(27,184,145)
```
#13c095
```
#13c095 rgb(19,192,149)
```
#0ac999
```
#0ac999 rgb(10,201,153)
```
#02d19e
```
#02d19e rgb(2,209,158)
```

Tone Color Variation

Below, you can see how #33a085 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
#6d837e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9483 Protanopia 1% of men
#a39092 Deuteranopia 1% of men
#4fa0ab Tritanopia 0.001% of the population

Trichromacy

#759883 Protanomaly 1% of men, 0.01% of women
#7a968d Deuteranomaly 6% of men, 0.4% of women
#44a09d Tritanomaly 0.01% of the population

#33a085 hex color

#33a085 Color Information

#33a085 Color Conversion

Color Schemes with #33a085

Alternatives to #33a085

#33a085 Preview

Shades and Tints of #33a085

Tones of #33a085

Color Blindness Simulator