colorhexa.com

#3ae0c4 hex color

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

- R 23
- G 88
- B 77
RGB color chart
- C 74
- M 0
- Y 13
- K 12
CMYK color chart

● #3ae0c4 color description : Bright cyan.

The hexadecimal color #3ae0c4 has RGB values of R:58, G:224, B:196 and CMYK values of C:0.74, M:0, Y:0.13, K:0.12. Its decimal value is 3858628.

Hex triplet	3ae0c4	`#3ae0c4`
RGB Decimal	58, 224, 196	`rgb(58,224,196)`
RGB Percent	22.7, 87.8, 76.9	`rgb(22.7%,87.8%,76.9%)`
CMYK	74, 0, 13, 12
HSL	169.9°, 72.8, 55.3	`hsl(169.9,72.8%,55.3%)`
HSV (or HSB)	169.9°, 74.1, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.846, -47.934, 1.713
XYZ	38.361, 58.193, 61.432
xyY	0.243, 0.368, 58.193
CIE-LCH	80.846, 47.964, 177.954
CIE-LUV	80.846, -60.725, 10.216
Hunter-Lab	76.284, -43.735, 5.652
Binary	00111010, 11100000, 11000100

#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#e03a56
```
#e03a56 rgb(224,58,86)
```

Complementary Color

#3ae071
```
#3ae071 rgb(58,224,113)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#3aa9e0
```
#3aa9e0 rgb(58,169,224)
```

Analogous Color

#e0713a
```
#e0713a rgb(224,113,58)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#e03aa9
```
#e03aa9 rgb(224,58,169)
```

Split Complementary Color

#e0c43a
```
#e0c43a rgb(224,196,58)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#c43ae0
```
#c43ae0 rgb(196,58,224)
```

Triadic Color

#56e03a
```
#56e03a rgb(86,224,58)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#c43ae0
```
#c43ae0 rgb(196,58,224)
```
#e03a56
```
#e03a56 rgb(224,58,86)
```

Tetradic Color

#1cb298
```
#1cb298 rgb(28,178,152)
```
#1fc8ab
```
#1fc8ab rgb(31,200,171)
```
#24ddbd
```
#24ddbd rgb(36,221,189)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#50e3cb
```
#50e3cb rgb(80,227,203)
```
#66e7d1
```
#66e7d1 rgb(102,231,209)
```
#7cead8
```
#7cead8 rgb(124,234,216)
```

Monochromatic Color

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

#3ae09b
```
#3ae09b rgb(58,224,155)
```
#3ae0a8
```
#3ae0a8 rgb(58,224,168)
```
#3ae0b6
```
#3ae0b6 rgb(58,224,182)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#3ae0d2
```
#3ae0d2 rgb(58,224,210)
```
#3ae0e0
```
#3ae0e0 rgb(58,224,224)
```
#3ad3e0
```
#3ad3e0 rgb(58,211,224)
```

Similar Colors

Text with hexadecimal color #3ae0c4

This text has a font color of #3ae0c4.

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

#3ae0c4 background color

This paragraph has a background color of #3ae0c4.

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

#3ae0c4 border color

This element has a border color of #3ae0c4.

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

CSS codes

.text {color:#3ae0c4;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#041714
```
#041714 rgb(4,23,20)
```
#062823
```
#062823 rgb(6,40,35)
```
#093931
```
#093931 rgb(9,57,49)
```
#0c4a40
```
#0c4a40 rgb(12,74,64)
```
#0e5b4e
```
#0e5b4e rgb(14,91,78)
```
#116c5d
```
#116c5d rgb(17,108,93)
```
#147d6b
```
#147d6b rgb(20,125,107)
```
#168e7a
```
#168e7a rgb(22,142,122)
```
#199f88
```
#199f88 rgb(25,159,136)
```
#1cb097
```
#1cb097 rgb(28,176,151)
```
#1ec1a5
```
#1ec1a5 rgb(30,193,165)
```
#21d2b4
```
#21d2b4 rgb(33,210,180)
```

Shade Color Variation

#29ddbf
```
#29ddbf rgb(41,221,191)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#4be3c9
```
#4be3c9 rgb(75,227,201)
```
#5ce5ce
```
#5ce5ce rgb(92,229,206)
```
#6de8d3
```
#6de8d3 rgb(109,232,211)
```
#7eebd8
```
#7eebd8 rgb(126,235,216)
```
#8feddd
```
#8feddd rgb(143,237,221)
```
#a0f0e2
```
#a0f0e2 rgb(160,240,226)
```
#b1f3e8
```
#b1f3e8 rgb(177,243,232)
```
#c2f5ed
```
#c2f5ed rgb(194,245,237)
```
#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 #20fad5 is the most saturated one.

#899190
```
#899190 rgb(137,145,144)
```
#809a96
```
#809a96 rgb(128,154,150)
```
#77a39b
```
#77a39b rgb(119,163,155)
```
#6faba1
```
#6faba1 rgb(111,171,161)
```
#66b4a7
```
#66b4a7 rgb(102,180,167)
```
#5dbdad
```
#5dbdad rgb(93,189,173)
```
#54c6b3
```
#54c6b3 rgb(84,198,179)
```
#4cceb8
```
#4cceb8 rgb(76,206,184)
```
#43d7be
```
#43d7be rgb(67,215,190)
```
#3ae0c4
```
#3ae0c4 rgb(58,224,196)
```
#31e9ca
```
#31e9ca rgb(49,233,202)
```
#28f2d0
```
#28f2d0 rgb(40,242,208)
```
#20fad5
```
#20fad5 rgb(32,250,213)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#94b6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cabb Protanopia 1% of men
#dbc5d0 Deuteranopia 1% of men
#5edcec Tritanopia 0.001% of the population

Trichromacy

#9bd2be Protanomaly 1% of men, 0.01% of women
#a0cfcc Deuteranomaly 6% of men, 0.4% of women
#51dddd Tritanomaly 0.01% of the population