#33a0ae hex color

In a RGB color space, hex #33a0ae is composed of 20% red, 62.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 8% magenta, 0% yellow and 31.8% black. It has a hue angle of 186.8 degrees, a saturation of 54.7% and a lightness of 44.1%. #33a0ae color hex could be obtained by blending #66ffff with #00415d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 63
- B 68
RGB color chart
- C 71
- M 8
- Y 0
- K 32
CMYK color chart

● #33a0ae color description : Dark cyan.

The hexadecimal color #33a0ae has RGB values of R:51, G:160, B:174 and CMYK values of C:0.71, M:0.08, Y:0, K:0.32. Its decimal value is 3383470.

Hex triplet	33a0ae	`#33a0ae`
RGB Decimal	51, 160, 174	`rgb(51,160,174)`
RGB Percent	20, 62.7, 68.2	`rgb(20%,62.7%,68.2%)`
CMYK	71, 8, 0, 32
HSL	186.8°, 54.7, 44.1	`hsl(186.8,54.7%,44.1%)`
HSV (or HSB)	186.8°, 70.7, 68.2
Web Safe	339999	`#339999`

CIE-LAB	60.693, -25.573, -16.174
XYZ	21.574, 28.9, 44.483
xyY	0.227, 0.304, 28.9
CIE-LCH	60.693, 30.258, 212.312
CIE-LUV	60.693, -40.403, -20.818
Hunter-Lab	53.758, -22.443, -11.43
Binary	00110011, 10100000, 10101110

#33a0ae
```
#33a0ae rgb(51,160,174)
```
#ae4133
```
#ae4133 rgb(174,65,51)
```

Complementary Color

#33ae7f
```
#33ae7f rgb(51,174,127)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#3363ae
```
#3363ae rgb(51,99,174)
```

Analogous Color

#ae7f33
```
#ae7f33 rgb(174,127,51)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#ae3363
```
#ae3363 rgb(174,51,99)
```

Split Complementary Color

#a0ae33
```
#a0ae33 rgb(160,174,51)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#ae33a0
```
#ae33a0 rgb(174,51,160)
```

Triadic Color

#33ae41
```
#33ae41 rgb(51,174,65)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#ae33a0
```
#ae33a0 rgb(174,51,160)
```
#ae4133
```
#ae4133 rgb(174,65,51)
```

Tetradic Color

#226a73
```
#226a73 rgb(34,106,115)
```
#277c87
```
#277c87 rgb(39,124,135)
```
#2d8e9a
```
#2d8e9a rgb(45,142,154)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#39b2c2
```
#39b2c2 rgb(57,178,194)
```
#4abbca
```
#4abbca rgb(74,187,202)
```
#5ec3d0
```
#5ec3d0 rgb(94,195,208)
```

Monochromatic Color

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

#33ae9d
```
#33ae9d rgb(51,174,157)
```
#33aea8
```
#33aea8 rgb(51,174,168)
```
#33aaae
```
#33aaae rgb(51,170,174)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#3396ae
```
#3396ae rgb(51,150,174)
```
#338cae
```
#338cae rgb(51,140,174)
```
#3381ae
```
#3381ae rgb(51,129,174)
```

Similar Colors

Text with hexadecimal color #33a0ae

This text has a font color of #33a0ae.

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

#33a0ae background color

This paragraph has a background color of #33a0ae.

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

#33a0ae border color

This element has a border color of #33a0ae.

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

CSS codes

.text {color:#33a0ae;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071516
```
#071516 rgb(7,21,22)
```
#0b2225
```
#0b2225 rgb(11,34,37)
```
#0f3035
```
#0f3035 rgb(15,48,53)
```
#143e44
```
#143e44 rgb(20,62,68)
```
#184c53
```
#184c53 rgb(24,76,83)
```
#1d5a62
```
#1d5a62 rgb(29,90,98)
```
#216871
```
#216871 rgb(33,104,113)
```
#267680
```
#267680 rgb(38,118,128)
```
#2a8490
```
#2a8490 rgb(42,132,144)
```
#2f929f
```
#2f929f rgb(47,146,159)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#37aebd
```
#37aebd rgb(55,174,189)
```

Shade Color Variation

#41b8c7
```
#41b8c7 rgb(65,184,199)
```
#50becc
```
#50becc rgb(80,190,204)
```
#5fc3d0
```
#5fc3d0 rgb(95,195,208)
```
#6ec9d5
```
#6ec9d5 rgb(110,201,213)
```
#7ecfd9
```
#7ecfd9 rgb(126,207,217)
```
#8dd4de
```
#8dd4de rgb(141,212,222)
```
#9cdae2
```
#9cdae2 rgb(156,218,226)
```
#abe0e6
```
#abe0e6 rgb(171,224,230)
```
#bae5eb
```
#bae5eb rgb(186,229,235)
```
#c9ebef
```
#c9ebef rgb(201,235,239)
```
#d9f1f4
```
#d9f1f4 rgb(217,241,244)
```
#e8f6f8
```
#e8f6f8 rgb(232,246,248)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#707171
```
#707171 rgb(112,113,113)
```
#67787a
```
#67787a rgb(103,120,122)
```
#5e7f83
```
#5e7f83 rgb(94,127,131)
```
#56858b
```
#56858b rgb(86,133,139)
```
#4d8c94
```
#4d8c94 rgb(77,140,148)
```
#44939d
```
#44939d rgb(68,147,157)
```
#3c99a5
```
#3c99a5 rgb(60,153,165)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#2aa7b7
```
#2aa7b7 rgb(42,167,183)
```
#22adbf
```
#22adbf rgb(34,173,191)
```
#19b4c8
```
#19b4c8 rgb(25,180,200)
```
#10bbd1
```
#10bbd1 rgb(16,187,209)
```
#08c1d9
```
#08c1d9 rgb(8,193,217)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#71878a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9496a9 Protanopia 1% of men
#9495b8 Deuteranopia 1% of men
#3ca5b1 Tritanopia 0.001% of the population

Trichromacy

#719aab Protanomaly 1% of men, 0.01% of women
#7199b4 Deuteranomaly 6% of men, 0.4% of women
#39a3b0 Tritanomaly 0.01% of the population

#33a0ae hex color

#33a0ae Color Information

#33a0ae Color Conversion

Color Schemes with #33a0ae

Alternatives to #33a0ae

#33a0ae Preview

Shades and Tints of #33a0ae

Tones of #33a0ae

Color Blindness Simulator