#31887a hex color

In a RGB color space, hex #31887a is composed of 19.2% red, 53.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 10.3% yellow and 46.7% black. It has a hue angle of 170.3 degrees, a saturation of 47% and a lightness of 36.3%. #31887a color hex could be obtained by blending #62fff4 with #001100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 53
- B 48
RGB color chart
- C 64
- M 0
- Y 10
- K 47
CMYK color chart

● #31887a color description : Dark moderate cyan.

The hexadecimal color #31887a has RGB values of R:49, G:136, B:122 and CMYK values of C:0.64, M:0, Y:0.1, K:0.47. Its decimal value is 3246202.

Hex triplet	31887a	`#31887a`
RGB Decimal	49, 136, 122	`rgb(49,136,122)`
RGB Percent	19.2, 53.3, 47.8	`rgb(19.2%,53.3%,47.8%)`
CMYK	64, 0, 10, 47
HSL	170.3°, 47, 36.3	`hsl(170.3,47%,36.3%)`
HSV (or HSB)	170.3°, 64, 53.3
Web Safe	339966	`#339966`

CIE-LAB	51.457, -29.355, -0.143
XYZ	13.582, 19.665, 21.491
xyY	0.248, 0.359, 19.665
CIE-LCH	51.457, 29.355, 180.279
CIE-LUV	51.457, -34.916, 4.091
Hunter-Lab	44.346, -22.932, 2.308
Binary	00110001, 10001000, 01111010

#31887a
```
#31887a rgb(49,136,122)
```
#88313f
```
#88313f rgb(136,49,63)
```

Complementary Color

#31884e
```
#31884e rgb(49,136,78)
```
#31887a
```
#31887a rgb(49,136,122)
```
#316b88
```
#316b88 rgb(49,107,136)
```

Analogous Color

#884f31
```
#884f31 rgb(136,79,49)
```
#31887a
```
#31887a rgb(49,136,122)
```
#88316b
```
#88316b rgb(136,49,107)
```

Split Complementary Color

#887a31
```
#887a31 rgb(136,122,49)
```
#31887a
```
#31887a rgb(49,136,122)
```
#7a3188
```
#7a3188 rgb(122,49,136)
```

Triadic Color

#3f8831
```
#3f8831 rgb(63,136,49)
```
#31887a
```
#31887a rgb(49,136,122)
```
#7a3188
```
#7a3188 rgb(122,49,136)
```
#88313f
```
#88313f rgb(136,49,63)
```

Tetradic Color

#1d5048
```
#1d5048 rgb(29,80,72)
```
#236358
```
#236358 rgb(35,99,88)
```
#2a7569
```
#2a7569 rgb(42,117,105)
```
#31887a
```
#31887a rgb(49,136,122)
```
#389b8b
```
#389b8b rgb(56,155,139)
```
#3fad9c
```
#3fad9c rgb(63,173,156)
```
#48bdaa
```
#48bdaa rgb(72,189,170)
```

Monochromatic Color

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

#318864
```
#318864 rgb(49,136,100)
```
#31886c
```
#31886c rgb(49,136,108)
```
#318873
```
#318873 rgb(49,136,115)
```
#31887a
```
#31887a rgb(49,136,122)
```
#318881
```
#318881 rgb(49,136,129)
```
#318888
```
#318888 rgb(49,136,136)
```
#318088
```
#318088 rgb(49,128,136)
```

Similar Colors

Text with hexadecimal color #31887a

This text has a font color of #31887a.

<span style="color:#31887a;">Text here</span>

#31887a background color

This paragraph has a background color of #31887a.

<p style="background-color:#31887a;">Content here</p>

#31887a border color

This element has a border color of #31887a.

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

CSS codes

.text {color:#31887a;}

.background {background-color:#31887a;}

.border {border:1px solid #31887a;}

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

#020606
```
#020606 rgb(2,6,6)
```
#071513
```
#071513 rgb(7,21,19)
```
#0d231f
```
#0d231f rgb(13,35,31)
```
#12312c
```
#12312c rgb(18,49,44)
```
#174039
```
#174039 rgb(23,64,57)
```
#1c4e46
```
#1c4e46 rgb(28,78,70)
```
#215d53
```
#215d53 rgb(33,93,83)
```
#276b60
```
#276b60 rgb(39,107,96)
```
#2c7a6d
```
#2c7a6d rgb(44,122,109)
```
#31887a
```
#31887a rgb(49,136,122)
```
#369687
```
#369687 rgb(54,150,135)
```
#3ba594
```
#3ba594 rgb(59,165,148)
```
#41b3a1
```
#41b3a1 rgb(65,179,161)
```

Shade Color Variation

#4abeab
```
#4abeab rgb(74,190,171)
```
#58c3b2
```
#58c3b2 rgb(88,195,178)
```
#67c8b8
```
#67c8b8 rgb(103,200,184)
```
#75cdbf
```
#75cdbf rgb(117,205,191)
```
#83d2c6
```
#83d2c6 rgb(131,210,198)
```
#92d8cc
```
#92d8cc rgb(146,216,204)
```
#a0ddd3
```
#a0ddd3 rgb(160,221,211)
```
#afe2da
```
#afe2da rgb(175,226,218)
```
#bde7e0
```
#bde7e0 rgb(189,231,224)
```
#ccece7
```
#ccece7 rgb(204,236,231)
```
#daf2ee
```
#daf2ee rgb(218,242,238)
```
#e8f7f5
```
#e8f7f5 rgb(232,247,245)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#5c5d5d
```
#5c5d5d rgb(92,93,93)
```
#556462
```
#556462 rgb(85,100,98)
```
#4d6c67
```
#4d6c67 rgb(77,108,103)
```
#46736c
```
#46736c rgb(70,115,108)
```
#3f7a70
```
#3f7a70 rgb(63,122,112)
```
#388175
```
#388175 rgb(56,129,117)
```
#31887a
```
#31887a rgb(49,136,122)
```
#2a8f7f
```
#2a8f7f rgb(42,143,127)
```
#239684
```
#239684 rgb(35,150,132)
```
#1c9d88
```
#1c9d88 rgb(28,157,136)
```
#15a48d
```
#15a48d rgb(21,164,141)
```
#0dac92
```
#0dac92 rgb(13,172,146)
```
#06b397
```
#06b397 rgb(6,179,151)
```

Tone Color Variation

Below, you can see how #31887a 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

#6c6c6c Achromatopsia 0.005% of the population
#60726f Atypical Achromatopsia 0.001% of the population

Dichromacy

#85807a Protanopia 1% of men
#8b7d86 Deuteranopia 1% of men
#468b95 Tritanopia 0.001% of the population

Trichromacy

#66837a Protanomaly 1% of men, 0.01% of women
#6a8182 Deuteranomaly 6% of men, 0.4% of women
#3e898b Tritanomaly 0.01% of the population

#31887a hex color

#31887a Color Information

#31887a Color Conversion

Color Schemes with #31887a

Alternatives to #31887a

#31887a Preview

Shades and Tints of #31887a

Tones of #31887a

Color Blindness Simulator