#3ad5a8 hex color

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

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

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

The hexadecimal color #3ad5a8 has RGB values of R:58, G:213, B:168 and CMYK values of C:0.73, M:0, Y:0.21, K:0.16. Its decimal value is 3855784.

Hex triplet	3ad5a8	`#3ad5a8`
RGB Decimal	58, 213, 168	`rgb(58,213,168)`
RGB Percent	22.7, 83.5, 65.9	`rgb(22.7%,83.5%,65.9%)`
CMYK	73, 0, 21, 16
HSL	162.6°, 64.9, 53.1	`hsl(162.6,64.9%,53.1%)`
HSV (or HSB)	162.6°, 72.8, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.868, -50.28, 10.889
XYZ	32.604, 51.312, 45.23
xyY	0.252, 0.397, 51.312
CIE-LCH	76.868, 51.446, 167.781
CIE-LUV	76.868, -58.756, 23.993
Hunter-Lab	71.632, -44.11, 12.706
Binary	00111010, 11010101, 10101000

#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#d53a67
```
#d53a67 rgb(213,58,103)
```

Complementary Color

#3ad55b
```
#3ad55b rgb(58,213,91)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#3ab5d5
```
#3ab5d5 rgb(58,181,213)
```

Analogous Color

#d55b3a
```
#d55b3a rgb(213,91,58)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#d53ab5
```
#d53ab5 rgb(213,58,181)
```

Split Complementary Color

#d5a83a
```
#d5a83a rgb(213,168,58)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#a83ad5
```
#a83ad5 rgb(168,58,213)
```

Triadic Color

#67d53a
```
#67d53a rgb(103,213,58)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#a83ad5
```
#a83ad5 rgb(168,58,213)
```
#d53a67
```
#d53a67 rgb(213,58,103)
```

Tetradic Color

#22a07c
```
#22a07c rgb(34,160,124)
```
#27b58c
```
#27b58c rgb(39,181,140)
```
#2bca9c
```
#2bca9c rgb(43,202,156)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#4fd9b1
```
#4fd9b1 rgb(79,217,177)
```
#64debb
```
#64debb rgb(100,222,187)
```
#79e2c4
```
#79e2c4 rgb(121,226,196)
```

Monochromatic Color

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

#3ad581
```
#3ad581 rgb(58,213,129)
```
#3ad58e
```
#3ad58e rgb(58,213,142)
```
#3ad59b
```
#3ad59b rgb(58,213,155)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#3ad5b5
```
#3ad5b5 rgb(58,213,181)
```
#3ad5c2
```
#3ad5c2 rgb(58,213,194)
```
#3ad5cf
```
#3ad5cf rgb(58,213,207)
```

Similar Colors

Text with hexadecimal color #3ad5a8

This text has a font color of #3ad5a8.

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

#3ad5a8 background color

This paragraph has a background color of #3ad5a8.

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

#3ad5a8 border color

This element has a border color of #3ad5a8.

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

CSS codes

.text {color:#3ad5a8;}

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

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

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)
```
#061d17
```
#061d17 rgb(6,29,23)
```
#0a2e23
```
#0a2e23 rgb(10,46,35)
```
#0d3e30
```
#0d3e30 rgb(13,62,48)
```
#114e3c
```
#114e3c rgb(17,78,60)
```
#145e49
```
#145e49 rgb(20,94,73)
```
#176e55
```
#176e55 rgb(23,110,85)
```
#1b7e62
```
#1b7e62 rgb(27,126,98)
```
#1e8f6e
```
#1e8f6e rgb(30,143,110)
```
#229f7a
```
#229f7a rgb(34,159,122)
```
#25af87
```
#25af87 rgb(37,175,135)
```
#29bf93
```
#29bf93 rgb(41,191,147)
```
#2ccfa0
```
#2ccfa0 rgb(44,207,160)
```

Shade Color Variation

#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#4ad8af
```
#4ad8af rgb(74,216,175)
```
#5adcb6
```
#5adcb6 rgb(90,220,182)
```
#6bdfbd
```
#6bdfbd rgb(107,223,189)
```
#7be3c5
```
#7be3c5 rgb(123,227,197)
```
#8be6cc
```
#8be6cc rgb(139,230,204)
```
#9bead3
```
#9bead3 rgb(155,234,211)
```
#abedda
```
#abedda rgb(171,237,218)
```
#bbf1e1
```
#bbf1e1 rgb(187,241,225)
```
#ccf4e8
```
#ccf4e8 rgb(204,244,232)
```
#dcf7ef
```
#dcf7ef rgb(220,247,239)
```
#ecfbf7
```
#ecfbf7 rgb(236,251,247)
```
#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 #15fab7 is the most saturated one.

#848b89
```
#848b89 rgb(132,139,137)
```
#7a958d
```
#7a958d rgb(122,149,141)
```
#719e91
```
#719e91 rgb(113,158,145)
```
#68a795
```
#68a795 rgb(104,167,149)
```
#5fb099
```
#5fb099 rgb(95,176,153)
```
#56b99c
```
#56b99c rgb(86,185,156)
```
#4cc3a0
```
#4cc3a0 rgb(76,195,160)
```
#43cca4
```
#43cca4 rgb(67,204,164)
```
#3ad5a8
```
#3ad5a8 rgb(58,213,168)
```
#31deac
```
#31deac rgb(49,222,172)
```
#28e7b0
```
#28e7b0 rgb(40,231,176)
```
#1ef1b4
```
#1ef1b4 rgb(30,241,180)
```
#15fab7
```
#15fab7 rgb(21,250,183)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8daca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc0a2 Protanopia 1% of men
#d7bab6 Deuteranopia 1% of men
#62d0df Tritanopia 0.001% of the population

Trichromacy

#96c8a4 Protanomaly 1% of men, 0.01% of women
#9dc4b1 Deuteranomaly 6% of men, 0.4% of women
#53d1cb Tritanomaly 0.01% of the population

#3ad5a8 hex color

#3ad5a8 Color Information

#3ad5a8 Color Conversion

Color Schemes with #3ad5a8

Alternatives to #3ad5a8

#3ad5a8 Preview

Shades and Tints of #3ad5a8

Tones of #3ad5a8

Color Blindness Simulator