#33afae hex color

In a RGB color space, hex #33afae is composed of 20% red, 68.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 0.6% yellow and 31.4% black. It has a hue angle of 179.5 degrees, a saturation of 54.9% and a lightness of 44.3%. #33afae color hex could be obtained by blending #66ffff with #005f5d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 69
- B 68
RGB color chart
- C 71
- M 0
- Y 1
- K 31
CMYK color chart

● #33afae color description : Dark cyan.

The hexadecimal color #33afae has RGB values of R:51, G:175, B:174 and CMYK values of C:0.71, M:0, Y:0.01, K:0.31. Its decimal value is 3387310.

Hex triplet	33afae	`#33afae`
RGB Decimal	51, 175, 174	`rgb(51,175,174)`
RGB Percent	20, 68.6, 68.2	`rgb(20%,68.6%,68.2%)`
CMYK	71, 0, 1, 31
HSL	179.5°, 54.9, 44.3	`hsl(179.5,54.9%,44.3%)`
HSV (or HSB)	179.5°, 70.9, 68.6
Web Safe	339999	`#339999`

CIE-LAB	65.293, -32.916, -9.259
XYZ	24.333, 34.418, 45.403
xyY	0.234, 0.33, 34.418
CIE-LCH	65.293, 34.193, 195.711
CIE-LUV	65.293, -45.861, -9.048
Hunter-Lab	58.666, -28.631, -4.819
Binary	00110011, 10101111, 10101110

#33afae
```
#33afae rgb(51,175,174)
```
#af3334
```
#af3334 rgb(175,51,52)
```

Complementary Color

#33af70
```
#33af70 rgb(51,175,112)
```
#33afae
```
#33afae rgb(51,175,174)
```
#3372af
```
#3372af rgb(51,114,175)
```

Analogous Color

#af7033
```
#af7033 rgb(175,112,51)
```
#33afae
```
#33afae rgb(51,175,174)
```
#af3372
```
#af3372 rgb(175,51,114)
```

Split Complementary Color

#afae33
```
#afae33 rgb(175,174,51)
```
#33afae
```
#33afae rgb(51,175,174)
```
#ae33af
```
#ae33af rgb(174,51,175)
```

Triadic Color

#34af33
```
#34af33 rgb(52,175,51)
```
#33afae
```
#33afae rgb(51,175,174)
```
#ae33af
```
#ae33af rgb(174,51,175)
```
#af3334
```
#af3334 rgb(175,51,52)
```

Tetradic Color

#227473
```
#227473 rgb(34,116,115)
```
#278887
```
#278887 rgb(39,136,135)
```
#2d9b9a
```
#2d9b9a rgb(45,155,154)
```
#33afae
```
#33afae rgb(51,175,174)
```
#39c3c2
```
#39c3c2 rgb(57,195,194)
```
#4bcac9
```
#4bcac9 rgb(75,202,201)
```
#5ed0cf
```
#5ed0cf rgb(94,208,207)
```

Monochromatic Color

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

#33af8f
```
#33af8f rgb(51,175,143)
```
#33af99
```
#33af99 rgb(51,175,153)
```
#33afa4
```
#33afa4 rgb(51,175,164)
```
#33afae
```
#33afae rgb(51,175,174)
```
#33a6af
```
#33a6af rgb(51,166,175)
```
#339baf
```
#339baf rgb(51,155,175)
```
#3391af
```
#3391af rgb(51,145,175)
```

Similar Colors

Text with hexadecimal color #33afae

This text has a font color of #33afae.

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

#33afae background color

This paragraph has a background color of #33afae.

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

#33afae border color

This element has a border color of #33afae.

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

CSS codes

.text {color:#33afae;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#071717
```
#071717 rgb(7,23,23)
```
#0b2626
```
#0b2626 rgb(11,38,38)
```
#103535
```
#103535 rgb(16,53,53)
```
#144544
```
#144544 rgb(20,69,68)
```
#185453
```
#185453 rgb(24,84,83)
```
#1d6362
```
#1d6362 rgb(29,99,98)
```
#217272
```
#217272 rgb(33,114,114)
```
#268181
```
#268181 rgb(38,129,129)
```
#2a9190
```
#2a9190 rgb(42,145,144)
```
#2fa09f
```
#2fa09f rgb(47,160,159)
```
#33afae
```
#33afae rgb(51,175,174)
```
#37bebd
```
#37bebd rgb(55,190,189)
```

Shade Color Variation

#41c8c7
```
#41c8c7 rgb(65,200,199)
```
#51cccb
```
#51cccb rgb(81,204,203)
```
#60d1d0
```
#60d1d0 rgb(96,209,208)
```
#6fd5d4
```
#6fd5d4 rgb(111,213,212)
```
#7ed9d9
```
#7ed9d9 rgb(126,217,217)
```
#8ddedd
```
#8ddedd rgb(141,222,221)
```
#9de2e2
```
#9de2e2 rgb(157,226,226)
```
#ace7e6
```
#ace7e6 rgb(172,231,230)
```
#bbebeb
```
#bbebeb rgb(187,235,235)
```
#caf0ef
```
#caf0ef rgb(202,240,239)
```
#d9f4f4
```
#d9f4f4 rgb(217,244,244)
```
#e9f8f8
```
#e9f8f8 rgb(233,248,248)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#707272
```
#707272 rgb(112,114,114)
```
#677b7b
```
#677b7b rgb(103,123,123)
```
#5e8483
```
#5e8483 rgb(94,132,131)
```
#568c8c
```
#568c8c rgb(86,140,140)
```
#4d9594
```
#4d9594 rgb(77,149,148)
```
#449e9d
```
#449e9d rgb(68,158,157)
```
#3ca6a5
```
#3ca6a5 rgb(60,166,165)
```
#33afae
```
#33afae rgb(51,175,174)
```
#2ab8b7
```
#2ab8b7 rgb(42,184,183)
```
#22c0bf
```
#22c0bf rgb(34,192,191)
```
#19c9c8
```
#19c9c8 rgb(25,201,200)
```
#10d2d0
```
#10d2d0 rgb(16,210,208)
```
#08dad9
```
#08dad9 rgb(8,218,217)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#799191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a2a8 Protanopia 1% of men
#a79fb9 Deuteranopia 1% of men
#46b1be Tritanopia 0.001% of the population

Trichromacy

#7ba7aa Protanomaly 1% of men, 0.01% of women
#7da5b5 Deuteranomaly 6% of men, 0.4% of women
#3fb0b8 Tritanomaly 0.01% of the population

#33afae hex color

#33afae Color Information

#33afae Color Conversion

Color Schemes with #33afae

Alternatives to #33afae

#33afae Preview

Shades and Tints of #33afae

Tones of #33afae

Color Blindness Simulator