#3ad5a4 hex color

In a RGB color space, hex #3ad5a4 is composed of 22.7% red, 83.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 0% magenta, 23% yellow and 16.5% black. It has a hue angle of 161 degrees, a saturation of 64.9% and a lightness of 53.1%. #3ad5a4 color hex could be obtained by blending #74ffff with #00ab49. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 23
- G 84
- B 64
RGB color chart
- C 73
- M 0
- Y 23
- K 16
CMYK color chart

● #3ad5a4 color description : Moderate cyan - lime green.

The hexadecimal color #3ad5a4 has RGB values of R:58, G:213, B:164 and CMYK values of C:0.73, M:0, Y:0.23, K:0.16. Its decimal value is 3855780.

Hex triplet	3ad5a4	`#3ad5a4`
RGB Decimal	58, 213, 164	`rgb(58,213,164)`
RGB Percent	22.7, 83.5, 64.3	`rgb(22.7%,83.5%,64.3%)`
CMYK	73, 0, 23, 16
HSL	161°, 64.9, 53.1	`hsl(161,64.9%,53.1%)`
HSV (or HSB)	161°, 72.8, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.779, -51.216, 12.892
XYZ	32.237, 51.165, 43.297
xyY	0.254, 0.404, 51.165
CIE-LCH	76.779, 52.814, 165.871
CIE-LUV	76.779, -59.015, 26.97
Hunter-Lab	71.53, -44.73, 14.183
Binary	00111010, 11010101, 10100100

#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#d53a6b
```
#d53a6b rgb(213,58,107)
```

Complementary Color

#3ad557
```
#3ad557 rgb(58,213,87)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#3ab9d5
```
#3ab9d5 rgb(58,185,213)
```

Analogous Color

#d5563a
```
#d5563a rgb(213,86,58)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#d53ab9
```
#d53ab9 rgb(213,58,185)
```

Split Complementary Color

#d5a43a
```
#d5a43a rgb(213,164,58)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#a43ad5
```
#a43ad5 rgb(164,58,213)
```

Triadic Color

#6bd53a
```
#6bd53a rgb(107,213,58)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#a43ad5
```
#a43ad5 rgb(164,58,213)
```
#d53a6b
```
#d53a6b rgb(213,58,107)
```

Tetradic Color

#22a078
```
#22a078 rgb(34,160,120)
```
#27b588
```
#27b588 rgb(39,181,136)
```
#2bca98
```
#2bca98 rgb(43,202,152)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#4fd9ae
```
#4fd9ae rgb(79,217,174)
```
#64deb7
```
#64deb7 rgb(100,222,183)
```
#79e2c1
```
#79e2c1 rgb(121,226,193)
```

Monochromatic Color

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

#3ad57d
```
#3ad57d rgb(58,213,125)
```
#3ad58a
```
#3ad58a rgb(58,213,138)
```
#3ad597
```
#3ad597 rgb(58,213,151)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#3ad5b1
```
#3ad5b1 rgb(58,213,177)
```
#3ad5be
```
#3ad5be rgb(58,213,190)
```
#3ad5cb
```
#3ad5cb rgb(58,213,203)
```

Similar Colors

Text with hexadecimal color #3ad5a4

This text has a font color of #3ad5a4.

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

#3ad5a4 background color

This paragraph has a background color of #3ad5a4.

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

#3ad5a4 border color

This element has a border color of #3ad5a4.

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

CSS codes

.text {color:#3ad5a4;}

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

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

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, #030d0a is the darkest color, while #fcfefe is the lightest one.

#030d0a
```
#030d0a rgb(3,13,10)
```
#061d16
```
#061d16 rgb(6,29,22)
```
#0a2e22
```
#0a2e22 rgb(10,46,34)
```
#0d3e2e
```
#0d3e2e rgb(13,62,46)
```
#114e3a
```
#114e3a rgb(17,78,58)
```
#145e47
```
#145e47 rgb(20,94,71)
```
#176e53
```
#176e53 rgb(23,110,83)
```
#1b7e5f
```
#1b7e5f rgb(27,126,95)
```
#1e8f6b
```
#1e8f6b rgb(30,143,107)
```
#229f77
```
#229f77 rgb(34,159,119)
```
#25af83
```
#25af83 rgb(37,175,131)
```
#29bf90
```
#29bf90 rgb(41,191,144)
```
#2ccf9c
```
#2ccf9c rgb(44,207,156)
```

Shade Color Variation

#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#4ad8ab
```
#4ad8ab rgb(74,216,171)
```
#5adcb3
```
#5adcb3 rgb(90,220,179)
```
#6bdfba
```
#6bdfba rgb(107,223,186)
```
#7be3c2
```
#7be3c2 rgb(123,227,194)
```
#8be6c9
```
#8be6c9 rgb(139,230,201)
```
#9bead1
```
#9bead1 rgb(155,234,209)
```
#abedd8
```
#abedd8 rgb(171,237,216)
```
#bbf1e0
```
#bbf1e0 rgb(187,241,224)
```
#ccf4e7
```
#ccf4e7 rgb(204,244,231)
```
#dcf7ef
```
#dcf7ef rgb(220,247,239)
```
#ecfbf6
```
#ecfbf6 rgb(236,251,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b89 is the less saturated color, while #15fab2 is the most saturated one.

#848b89
```
#848b89 rgb(132,139,137)
```
#7a958c
```
#7a958c rgb(122,149,140)
```
#719e90
```
#719e90 rgb(113,158,144)
```
#68a793
```
#68a793 rgb(104,167,147)
```
#5fb096
```
#5fb096 rgb(95,176,150)
```
#56b99a
```
#56b99a rgb(86,185,154)
```
#4cc39d
```
#4cc39d rgb(76,195,157)
```
#43cca1
```
#43cca1 rgb(67,204,161)
```
#3ad5a4
```
#3ad5a4 rgb(58,213,164)
```
#31dea7
```
#31dea7 rgb(49,222,167)
```
#28e7ab
```
#28e7ab rgb(40,231,171)
```
#1ef1ae
```
#1ef1ae rgb(30,241,174)
```
#15fab2
```
#15fab2 rgb(21,250,178)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8caba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc09e Protanopia 1% of men
#d8bab2 Deuteranopia 1% of men
#63cfde Tritanopia 0.001% of the population

Trichromacy

#96c7a0 Protanomaly 1% of men, 0.01% of women
#9ec4ad Deuteranomaly 6% of men, 0.4% of women
#54d1c9 Tritanomaly 0.01% of the population

#3ad5a4 hex color

#3ad5a4 Color Information

#3ad5a4 Color Conversion

Color Schemes with #3ad5a4

Alternatives to #3ad5a4

#3ad5a4 Preview

Shades and Tints of #3ad5a4

Tones of #3ad5a4

Color Blindness Simulator