#31a187 hex color

In a RGB color space, hex #31a187 is composed of 19.2% red, 63.1% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 16.1% yellow and 36.9% black. It has a hue angle of 166.1 degrees, a saturation of 53.3% and a lightness of 41.2%. #31a187 color hex could be obtained by blending #62ffff with #00430f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 63
- B 53
RGB color chart
- C 70
- M 0
- Y 16
- K 37
CMYK color chart

● #31a187 color description : Dark moderate cyan.

The hexadecimal color #31a187 has RGB values of R:49, G:161, B:135 and CMYK values of C:0.7, M:0, Y:0.16, K:0.37. Its decimal value is 3252615.

Hex triplet	31a187	`#31a187`
RGB Decimal	49, 161, 135	`rgb(49,161,135)`
RGB Percent	19.2, 63.1, 52.9	`rgb(19.2%,63.1%,52.9%)`
CMYK	70, 0, 16, 37
HSL	166.1°, 53.3, 41.2	`hsl(166.1,53.3%,41.2%)`
HSV (or HSB)	166.1°, 69.6, 63.1
Web Safe	339999	`#339999`

CIE-LAB	59.79, -37.524, 4.504
XYZ	18.383, 27.89, 27.335
xyY	0.25, 0.379, 27.89
CIE-LCH	59.79, 37.793, 173.156
CIE-LUV	59.79, -43.595, 12.087
Hunter-Lab	52.811, -30.286, 6.28
Binary	00110001, 10100001, 10000111

#31a187
```
#31a187 rgb(49,161,135)
```
#a1314b
```
#a1314b rgb(161,49,75)
```

Complementary Color

#31a14f
```
#31a14f rgb(49,161,79)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#3183a1
```
#3183a1 rgb(49,131,161)
```

Analogous Color

#a14f31
```
#a14f31 rgb(161,79,49)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#a13183
```
#a13183 rgb(161,49,131)
```

Split Complementary Color

#a18731
```
#a18731 rgb(161,135,49)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#8731a1
```
#8731a1 rgb(135,49,161)
```

Triadic Color

#4ba131
```
#4ba131 rgb(75,161,49)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#8731a1
```
#8731a1 rgb(135,49,161)
```
#a1314b
```
#a1314b rgb(161,49,75)
```

Tetradic Color

#1f6656
```
#1f6656 rgb(31,102,86)
```
#257a66
```
#257a66 rgb(37,122,102)
```
#2b8d77
```
#2b8d77 rgb(43,141,119)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#37b597
```
#37b597 rgb(55,181,151)
```
#40c5a6
```
#40c5a6 rgb(64,197,166)
```
#54cbaf
```
#54cbaf rgb(84,203,175)
```

Monochromatic Color

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

#31a16b
```
#31a16b rgb(49,161,107)
```
#31a174
```
#31a174 rgb(49,161,116)
```
#31a17e
```
#31a17e rgb(49,161,126)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#31a190
```
#31a190 rgb(49,161,144)
```
#31a19a
```
#31a19a rgb(49,161,154)
```
#319fa1
```
#319fa1 rgb(49,159,161)
```

Similar Colors

Text with hexadecimal color #31a187

This text has a font color of #31a187.

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

#31a187 background color

This paragraph has a background color of #31a187.

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

#31a187 border color

This element has a border color of #31a187.

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

CSS codes

.text {color:#31a187;}

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

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

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

#030b09
```
#030b09 rgb(3,11,9)
```
#081a16
```
#081a16 rgb(8,26,22)
```
#0c2922
```
#0c2922 rgb(12,41,34)
```
#11382f
```
#11382f rgb(17,56,47)
```
#16473b
```
#16473b rgb(22,71,59)
```
#1a5648
```
#1a5648 rgb(26,86,72)
```
#1f6555
```
#1f6555 rgb(31,101,85)
```
#237461
```
#237461 rgb(35,116,97)
```
#28836e
```
#28836e rgb(40,131,110)
```
#2c927a
```
#2c927a rgb(44,146,122)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#36b094
```
#36b094 rgb(54,176,148)
```
#3abfa0
```
#3abfa0 rgb(58,191,160)
```

Shade Color Variation

#46c7a9
```
#46c7a9 rgb(70,199,169)
```
#55cbb0
```
#55cbb0 rgb(85,203,176)
```
#64d0b7
```
#64d0b7 rgb(100,208,183)
```
#73d4be
```
#73d4be rgb(115,212,190)
```
#82d9c5
```
#82d9c5 rgb(130,217,197)
```
#91decc
```
#91decc rgb(145,222,204)
```
#a0e2d3
```
#a0e2d3 rgb(160,226,211)
```
#afe7da
```
#afe7da rgb(175,231,218)
```
#beebe1
```
#beebe1 rgb(190,235,225)
```
#cdf0e8
```
#cdf0e8 rgb(205,240,232)
```
#ddf5ef
```
#ddf5ef rgb(221,245,239)
```
#ecf9f6
```
#ecf9f6 rgb(236,249,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61716d is the less saturated color, while #01d1a1 is the most saturated one.

#61716d
```
#61716d rgb(97,113,109)
```
#597971
```
#597971 rgb(89,121,113)
```
#518176
```
#518176 rgb(81,129,118)
```
#49897a
```
#49897a rgb(73,137,122)
```
#41917e
```
#41917e rgb(65,145,126)
```
#399983
```
#399983 rgb(57,153,131)
```
#31a187
```
#31a187 rgb(49,161,135)
```
#29a98b
```
#29a98b rgb(41,169,139)
```
#21b190
```
#21b190 rgb(33,177,144)
```
#19b994
```
#19b994 rgb(25,185,148)
```
#11c198
```
#11c198 rgb(17,193,152)
```
#09c99d
```
#09c99d rgb(9,201,157)
```
#01d1a1
```
#01d1a1 rgb(1,209,161)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e847f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9585 Protanopia 1% of men
#a49194 Deuteranopia 1% of men
#4da1ad Tritanopia 0.001% of the population

Trichromacy

#759985 Protanomaly 1% of men, 0.01% of women
#7a978f Deuteranomaly 6% of men, 0.4% of women
#43a19f Tritanomaly 0.01% of the population

#31a187 hex color

#31a187 Color Information

#31a187 Color Conversion

Color Schemes with #31a187

Alternatives to #31a187

#31a187 Preview

Shades and Tints of #31a187

Tones of #31a187

Color Blindness Simulator