colorhexa.com

#31ae7e hex color

In a RGB color space, hex #31ae7e is composed of 19.2% red, 68.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 27.6% yellow and 31.8% black. It has a hue angle of 157 degrees, a saturation of 56.1% and a lightness of 43.7%. #31ae7e color hex could be obtained by blending #62fffc with #005d00. Closest websafe color is: #339966.

- R 19
- G 68
- B 49
RGB color chart
- C 72
- M 0
- Y 28
- K 32
CMYK color chart

● #31ae7e color description : Dark cyan - lime green.

The hexadecimal color #31ae7e has RGB values of R:49, G:174, B:126 and CMYK values of C:0.72, M:0, Y:0.28, K:0.32. Its decimal value is 3255934.

Hex triplet	31ae7e	`#31ae7e`
RGB Decimal	49, 174, 126	`rgb(49,174,126)`
RGB Percent	19.2, 68.2, 49.4	`rgb(19.2%,68.2%,49.4%)`
CMYK	72, 0, 28, 32
HSL	157°, 56.1, 43.7	`hsl(157,56.1%,43.7%)`
HSV (or HSB)	157°, 71.8, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.696, -45.298, 15.047
XYZ	20.167, 32.43, 24.934
xyY	0.26, 0.418, 32.43
CIE-LCH	63.696, 47.732, 161.625
CIE-LUV	63.696, -48.934, 27.871
Hunter-Lab	56.947, -36.444, 13.903
Binary	00110001, 10101110, 01111110

#31ae7e
```
#31ae7e rgb(49,174,126)
```
#ae3161
```
#ae3161 rgb(174,49,97)
```

Complementary Color

#31ae40
```
#31ae40 rgb(49,174,64)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#31a0ae
```
#31a0ae rgb(49,160,174)
```

Analogous Color

#ae4031
```
#ae4031 rgb(174,64,49)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#ae31a0
```
#ae31a0 rgb(174,49,160)
```

Split Complementary Color

#ae7e31
```
#ae7e31 rgb(174,126,49)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#7e31ae
```
#7e31ae rgb(126,49,174)
```

Triadic Color

#61ae31
```
#61ae31 rgb(97,174,49)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#7e31ae
```
#7e31ae rgb(126,49,174)
```
#ae3161
```
#ae3161 rgb(174,49,97)
```

Tetradic Color

#207253
```
#207253 rgb(32,114,83)
```
#268661
```
#268661 rgb(38,134,97)
```
#2b9a70
```
#2b9a70 rgb(43,154,112)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#37c28c
```
#37c28c rgb(55,194,140)
```
#47cb98
```
#47cb98 rgb(71,203,152)
```
#5bd1a3
```
#5bd1a3 rgb(91,209,163)
```

Monochromatic Color

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

#31ae5f
```
#31ae5f rgb(49,174,95)
```
#31ae69
```
#31ae69 rgb(49,174,105)
```
#31ae74
```
#31ae74 rgb(49,174,116)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#31ae88
```
#31ae88 rgb(49,174,136)
```
#31ae93
```
#31ae93 rgb(49,174,147)
```
#31ae9d
```
#31ae9d rgb(49,174,157)
```

Similar Colors

Text with hexadecimal color #31ae7e

This text has a font color of #31ae7e.

<span style="color:#31ae7e;">Text here</span>

#31ae7e background color

This paragraph has a background color of #31ae7e.

<p style="background-color:#31ae7e;">Content here</p>

#31ae7e border color

This element has a border color of #31ae7e.

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

CSS codes

.text {color:#31ae7e;}

.background {background-color:#31ae7e;}

.border {border:1px solid #31ae7e;}

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

#020604
```
#020604 rgb(2,6,4)
```
#06150f
```
#06150f rgb(6,21,15)
```
#0a241a
```
#0a241a rgb(10,36,26)
```
#0f3425
```
#0f3425 rgb(15,52,37)
```
#134330
```
#134330 rgb(19,67,48)
```
#17523c
```
#17523c rgb(23,82,60)
```
#1b6147
```
#1b6147 rgb(27,97,71)
```
#207152
```
#207152 rgb(32,113,82)
```
#24805d
```
#24805d rgb(36,128,93)
```
#288f68
```
#288f68 rgb(40,143,104)
```
#2d9f73
```
#2d9f73 rgb(45,159,115)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#35bd89
```
#35bd89 rgb(53,189,137)
```

Shade Color Variation

#3ec993
```
#3ec993 rgb(62,201,147)
```
#4dcd9c
```
#4dcd9c rgb(77,205,156)
```
#5cd1a4
```
#5cd1a4 rgb(92,209,164)
```
#6cd5ad
```
#6cd5ad rgb(108,213,173)
```
#7bdab5
```
#7bdab5 rgb(123,218,181)
```
#8adebe
```
#8adebe rgb(138,222,190)
```
#9ae2c6
```
#9ae2c6 rgb(154,226,198)
```
#a9e7cf
```
#a9e7cf rgb(169,231,207)
```
#b8ebd7
```
#b8ebd7 rgb(184,235,215)
```
#c7efe0
```
#c7efe0 rgb(199,239,224)
```
#d7f4e9
```
#d7f4e9 rgb(215,244,233)
```
#e6f8f1
```
#e6f8f1 rgb(230,248,241)
```
#f5fcfa
```
#f5fcfa rgb(245,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7270 is the less saturated color, while #06d988 is the most saturated one.

#6d7270
```
#6d7270 rgb(109,114,112)
```
#647b72
```
#647b72 rgb(100,123,114)
```
#5c8374
```
#5c8374 rgb(92,131,116)
```
#538c76
```
#538c76 rgb(83,140,118)
```
#4b9478
```
#4b9478 rgb(75,148,120)
```
#429d7a
```
#429d7a rgb(66,157,122)
```
#3aa57c
```
#3aa57c rgb(58,165,124)
```
#31ae7e
```
#31ae7e rgb(49,174,126)
```
#28b780
```
#28b780 rgb(40,183,128)
```
#20bf82
```
#20bf82 rgb(32,191,130)
```
#17c884
```
#17c884 rgb(23,200,132)
```
#0fd086
```
#0fd086 rgb(15,208,134)
```
#06d988
```
#06d988 rgb(6,217,136)
```

Tone Color Variation

Below, you can see how #31ae7e 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

#838383 Achromatopsia 0.005% of the population
#738c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99f7c Protanopia 1% of men
#b59a8d Deuteranopia 1% of men
#56abb7 Tritanopia 0.001% of the population

Trichromacy

#7da47c Protanomaly 1% of men, 0.01% of women
#85a187 Deuteranomaly 6% of men, 0.4% of women
#48aca2 Tritanomaly 0.01% of the population