#3ae0c7 hex color

In a RGB color space, hex #3ae0c7 is composed of 22.7% red, 87.8% green and 78% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 11.2% yellow and 12.2% black. It has a hue angle of 171 degrees, a saturation of 72.8% and a lightness of 55.3%. #3ae0c7 color hex could be obtained by blending #74ffff with #00c18f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 88
- B 78
RGB color chart
- C 74
- M 0
- Y 11
- K 12
CMYK color chart

● #3ae0c7 color description : Bright cyan.

The hexadecimal color #3ae0c7 has RGB values of R:58, G:224, B:199 and CMYK values of C:0.74, M:0, Y:0.11, K:0.12. Its decimal value is 3858631.

Hex triplet	3ae0c7	`#3ae0c7`
RGB Decimal	58, 224, 199	`rgb(58,224,199)`
RGB Percent	22.7, 87.8, 78	`rgb(22.7%,87.8%,78%)`
CMYK	74, 0, 11, 12
HSL	171°, 72.8, 55.3	`hsl(171,72.8%,55.3%)`
HSV (or HSB)	171°, 74.1, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.922, -47.159, 0.231
XYZ	38.706, 58.331, 63.249
xyY	0.241, 0.364, 58.331
CIE-LCH	80.922, 47.16, 179.719
CIE-LUV	80.922, -60.517, 7.826
Hunter-Lab	76.375, -43.193, 4.362
Binary	00111010, 11100000, 11000111

#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#e03a53
```
#e03a53 rgb(224,58,83)
```

Complementary Color

#3ae074
```
#3ae074 rgb(58,224,116)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#3aa6e0
```
#3aa6e0 rgb(58,166,224)
```

Analogous Color

#e0743a
```
#e0743a rgb(224,116,58)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#e03aa6
```
#e03aa6 rgb(224,58,166)
```

Split Complementary Color

#e0c73a
```
#e0c73a rgb(224,199,58)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#c73ae0
```
#c73ae0 rgb(199,58,224)
```

Triadic Color

#53e03a
```
#53e03a rgb(83,224,58)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#c73ae0
```
#c73ae0 rgb(199,58,224)
```
#e03a53
```
#e03a53 rgb(224,58,83)
```

Tetradic Color

#1cb29b
```
#1cb29b rgb(28,178,155)
```
#1fc8ae
```
#1fc8ae rgb(31,200,174)
```
#24ddc1
```
#24ddc1 rgb(36,221,193)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#50e3cd
```
#50e3cd rgb(80,227,205)
```
#66e7d4
```
#66e7d4 rgb(102,231,212)
```
#7ceada
```
#7ceada rgb(124,234,218)
```

Monochromatic Color

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

#3ae09e
```
#3ae09e rgb(58,224,158)
```
#3ae0ab
```
#3ae0ab rgb(58,224,171)
```
#3ae0b9
```
#3ae0b9 rgb(58,224,185)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#3ae0d5
```
#3ae0d5 rgb(58,224,213)
```
#3adde0
```
#3adde0 rgb(58,221,224)
```
#3ad0e0
```
#3ad0e0 rgb(58,208,224)
```

Similar Colors

Text with hexadecimal color #3ae0c7

This text has a font color of #3ae0c7.

<span style="color:#3ae0c7;">Text here</span>

#3ae0c7 background color

This paragraph has a background color of #3ae0c7.

<p style="background-color:#3ae0c7;">Content here</p>

#3ae0c7 border color

This element has a border color of #3ae0c7.

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

CSS codes

.text {color:#3ae0c7;}

.background {background-color:#3ae0c7;}

.border {border:1px solid #3ae0c7;}

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

#010606
```
#010606 rgb(1,6,6)
```
#041714
```
#041714 rgb(4,23,20)
```
#062823
```
#062823 rgb(6,40,35)
```
#093932
```
#093932 rgb(9,57,50)
```
#0c4a41
```
#0c4a41 rgb(12,74,65)
```
#0e5b50
```
#0e5b50 rgb(14,91,80)
```
#116c5e
```
#116c5e rgb(17,108,94)
```
#147d6d
```
#147d6d rgb(20,125,109)
```
#168e7c
```
#168e7c rgb(22,142,124)
```
#199f8b
```
#199f8b rgb(25,159,139)
```
#1cb09a
```
#1cb09a rgb(28,176,154)
```
#1ec1a8
```
#1ec1a8 rgb(30,193,168)
```
#21d2b7
```
#21d2b7 rgb(33,210,183)
```

Shade Color Variation

#29ddc2
```
#29ddc2 rgb(41,221,194)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#4be3cc
```
#4be3cc rgb(75,227,204)
```
#5ce5d1
```
#5ce5d1 rgb(92,229,209)
```
#6de8d5
```
#6de8d5 rgb(109,232,213)
```
#7eebda
```
#7eebda rgb(126,235,218)
```
#8feddf
```
#8feddf rgb(143,237,223)
```
#a0f0e4
```
#a0f0e4 rgb(160,240,228)
```
#b1f3e9
```
#b1f3e9 rgb(177,243,233)
```
#c2f5ee
```
#c2f5ee rgb(194,245,238)
```
#d3f8f2
```
#d3f8f2 rgb(211,248,242)
```
#e3fbf7
```
#e3fbf7 rgb(227,251,247)
```
#f4fdfc
```
#f4fdfc rgb(244,253,252)
```

Tint Color Variation

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

#899190
```
#899190 rgb(137,145,144)
```
#809a96
```
#809a96 rgb(128,154,150)
```
#77a39c
```
#77a39c rgb(119,163,156)
```
#6faba2
```
#6faba2 rgb(111,171,162)
```
#66b4a8
```
#66b4a8 rgb(102,180,168)
```
#5dbdae
```
#5dbdae rgb(93,189,174)
```
#54c6b5
```
#54c6b5 rgb(84,198,181)
```
#4ccebb
```
#4ccebb rgb(76,206,187)
```
#43d7c1
```
#43d7c1 rgb(67,215,193)
```
#3ae0c7
```
#3ae0c7 rgb(58,224,199)
```
#31e9cd
```
#31e9cd rgb(49,233,205)
```
#28f2d3
```
#28f2d3 rgb(40,242,211)
```
#20fad9
```
#20fad9 rgb(32,250,217)
```

Tone Color Variation

Below, you can see how #3ae0c7 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

#acacac Achromatopsia 0.005% of the population
#95b6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cabe Protanopia 1% of men
#dac6d3 Deuteranopia 1% of men
#5cdcec Tritanopia 0.001% of the population

Trichromacy

#9ad2c1 Protanomaly 1% of men, 0.01% of women
#a0cfcf Deuteranomaly 6% of men, 0.4% of women
#50ddde Tritanomaly 0.01% of the population

#3ae0c7 hex color

#3ae0c7 Color Information

#3ae0c7 Color Conversion

Color Schemes with #3ae0c7

Alternatives to #3ae0c7

#3ae0c7 Preview

Shades and Tints of #3ae0c7

Tones of #3ae0c7

Color Blindness Simulator