#3aedc9 hex color

In a RGB color space, hex #3aedc9 is composed of 22.7% red, 92.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 0% magenta, 15.2% yellow and 7.1% black. It has a hue angle of 167.9 degrees, a saturation of 83.3% and a lightness of 57.8%. #3aedc9 color hex could be obtained by blending #74ffff with #00db93. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 23
- G 93
- B 79
RGB color chart
- C 76
- M 0
- Y 15
- K 7
CMYK color chart

● #3aedc9 color description : Bright cyan.

The hexadecimal color #3aedc9 has RGB values of R:58, G:237, B:201 and CMYK values of C:0.76, M:0, Y:0.15, K:0.07. Its decimal value is 3861961.

Hex triplet	3aedc9	`#3aedc9`
RGB Decimal	58, 237, 201	`rgb(58,237,201)`
RGB Percent	22.7, 92.9, 78.8	`rgb(22.7%,92.9%,78.8%)`
CMYK	76, 0, 15, 7
HSL	167.9°, 83.3, 57.8	`hsl(167.9,83.3%,57.8%)`
HSV (or HSB)	167.9°, 75.5, 92.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.833, -52.079, 4.855
XYZ	42.568, 65.681, 65.689
xyY	0.245, 0.378, 65.681
CIE-LCH	84.833, 52.305, 174.674
CIE-LUV	84.833, -64.874, 15.745
Hunter-Lab	81.044, -48.07, 8.674
Binary	00111010, 11101101, 11001001

#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#ed3a5e
```
#ed3a5e rgb(237,58,94)
```

Complementary Color

#3aed70
```
#3aed70 rgb(58,237,112)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#3ab8ed
```
#3ab8ed rgb(58,184,237)
```

Analogous Color

#ed703a
```
#ed703a rgb(237,112,58)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#ed3ab8
```
#ed3ab8 rgb(237,58,184)
```

Split Complementary Color

#edc93a
```
#edc93a rgb(237,201,58)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#c93aed
```
#c93aed rgb(201,58,237)
```

Triadic Color

#5eed3a
```
#5eed3a rgb(94,237,58)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#c93aed
```
#c93aed rgb(201,58,237)
```
#ed3a5e
```
#ed3a5e rgb(237,58,94)
```

Tetradic Color

#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#14e0b7
```
#14e0b7 rgb(20,224,183)
```
#23ebc3
```
#23ebc3 rgb(35,235,195)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#51efcf
```
#51efcf rgb(81,239,207)
```
#69f1d6
```
#69f1d6 rgb(105,241,214)
```
#80f3dc
```
#80f3dc rgb(128,243,220)
```

Monochromatic Color

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

#3aed9c
```
#3aed9c rgb(58,237,156)
```
#3aedab
```
#3aedab rgb(58,237,171)
```
#3aedba
```
#3aedba rgb(58,237,186)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#3aedd8
```
#3aedd8 rgb(58,237,216)
```
#3aede7
```
#3aede7 rgb(58,237,231)
```
#3ae4ed
```
#3ae4ed rgb(58,228,237)
```

Similar Colors

Text with hexadecimal color #3aedc9

This text has a font color of #3aedc9.

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

#3aedc9 background color

This paragraph has a background color of #3aedc9.

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

#3aedc9 border color

This element has a border color of #3aedc9.

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

CSS codes

.text {color:#3aedc9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#02130f
```
#02130f rgb(2,19,15)
```
#03251e
```
#03251e rgb(3,37,30)
```
#05372d
```
#05372d rgb(5,55,45)
```
#07493b
```
#07493b rgb(7,73,59)
```
#085b4a
```
#085b4a rgb(8,91,74)
```
#0a6d59
```
#0a6d59 rgb(10,109,89)
```
#0c7f67
```
#0c7f67 rgb(12,127,103)
```
#0d9076
```
#0d9076 rgb(13,144,118)
```
#0fa285
```
#0fa285 rgb(15,162,133)
```
#10b493
```
#10b493 rgb(16,180,147)
```
#12c6a2
```
#12c6a2 rgb(18,198,162)
```
#14d8b1
```
#14d8b1 rgb(20,216,177)
```

Shade Color Variation

#16eabf
```
#16eabf rgb(22,234,191)
```
#28ebc4
```
#28ebc4 rgb(40,235,196)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#4cefce
```
#4cefce rgb(76,239,206)
```
#5ef0d3
```
#5ef0d3 rgb(94,240,211)
```
#70f2d8
```
#70f2d8 rgb(112,242,216)
```
#82f4dd
```
#82f4dd rgb(130,244,221)
```
#94f5e2
```
#94f5e2 rgb(148,245,226)
```
#a6f7e7
```
#a6f7e7 rgb(166,247,231)
```
#b8f8eb
```
#b8f8eb rgb(184,248,235)
```
#cafaf0
```
#cafaf0 rgb(202,250,240)
```
#dcfcf5
```
#dcfcf5 rgb(220,252,245)
```
#eefdfa
```
#eefdfa rgb(238,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9a98 is the less saturated color, while #29fed3 is the most saturated one.

#8d9a98
```
#8d9a98 rgb(141,154,152)
```
#84a39d
```
#84a39d rgb(132,163,157)
```
#7caba1
```
#7caba1 rgb(124,171,161)
```
#74b3a6
```
#74b3a6 rgb(116,179,166)
```
#6cbbab
```
#6cbbab rgb(108,187,171)
```
#63c4b0
```
#63c4b0 rgb(99,196,176)
```
#5bccb5
```
#5bccb5 rgb(91,204,181)
```
#53d4ba
```
#53d4ba rgb(83,212,186)
```
#4bdcbf
```
#4bdcbf rgb(75,220,191)
```
#42e5c4
```
#42e5c4 rgb(66,229,196)
```
#3aedc9
```
#3aedc9 rgb(58,237,201)
```
#32f5ce
```
#32f5ce rgb(50,245,206)
```
#29fed3
```
#29fed3 rgb(41,254,211)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9bbfb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd5bf Protanopia 1% of men
#e9cfd6 Deuteranopia 1% of men
#63e7f8 Tritanopia 0.001% of the population

Trichromacy

#a3ddc3 Protanomaly 1% of men, 0.01% of women
#a9dad1 Deuteranomaly 6% of men, 0.4% of women
#54e9e7 Tritanomaly 0.01% of the population

#3aedc9 hex color

#3aedc9 Color Information

#3aedc9 Color Conversion

Color Schemes with #3aedc9

Alternatives to #3aedc9

#3aedc9 Preview

Shades and Tints of #3aedc9

Tones of #3aedc9

Color Blindness Simulator