#31897c hex color

In a RGB color space, hex #31897c is composed of 19.2% red, 53.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 9.5% yellow and 46.3% black. It has a hue angle of 171.1 degrees, a saturation of 47.3% and a lightness of 36.5%. #31897c color hex could be obtained by blending #62fff8 with #001300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 54
- B 49
RGB color chart
- C 64
- M 0
- Y 9
- K 46
CMYK color chart

● #31897c color description : Dark moderate cyan.

The hexadecimal color #31897c has RGB values of R:49, G:137, B:124 and CMYK values of C:0.64, M:0, Y:0.09, K:0.46. Its decimal value is 3246460.

Hex triplet	31897c	`#31897c`
RGB Decimal	49, 137, 124	`rgb(49,137,124)`
RGB Percent	19.2, 53.7, 48.6	`rgb(19.2%,53.7%,48.6%)`
CMYK	64, 0, 9, 46
HSL	171.1°, 47.3, 36.5	`hsl(171.1,47.3%,36.5%)`
HSV (or HSB)	171.1°, 64.2, 53.7
Web Safe	339966	`#339966`

CIE-LAB	51.835, -29.287, -0.753
XYZ	13.849, 19.998, 22.198
xyY	0.247, 0.357, 19.998
CIE-LCH	51.835, 29.297, 181.472
CIE-LUV	51.835, -35.188, 3.227
Hunter-Lab	44.72, -22.979, 1.873
Binary	00110001, 10001001, 01111100

#31897c
```
#31897c rgb(49,137,124)
```
#89313e
```
#89313e rgb(137,49,62)
```

Complementary Color

#318950
```
#318950 rgb(49,137,80)
```
#31897c
```
#31897c rgb(49,137,124)
```
#316a89
```
#316a89 rgb(49,106,137)
```

Analogous Color

#895031
```
#895031 rgb(137,80,49)
```
#31897c
```
#31897c rgb(49,137,124)
```
#89316a
```
#89316a rgb(137,49,106)
```

Split Complementary Color

#897c31
```
#897c31 rgb(137,124,49)
```
#31897c
```
#31897c rgb(49,137,124)
```
#7c3189
```
#7c3189 rgb(124,49,137)
```

Triadic Color

#3e8931
```
#3e8931 rgb(62,137,49)
```
#31897c
```
#31897c rgb(49,137,124)
```
#7c3189
```
#7c3189 rgb(124,49,137)
```
#89313e
```
#89313e rgb(137,49,62)
```

Tetradic Color

#1d5149
```
#1d5149 rgb(29,81,73)
```
#24635a
```
#24635a rgb(36,99,90)
```
#2a766b
```
#2a766b rgb(42,118,107)
```
#31897c
```
#31897c rgb(49,137,124)
```
#389c8d
```
#389c8d rgb(56,156,141)
```
#3eaf9e
```
#3eaf9e rgb(62,175,158)
```
#49bead
```
#49bead rgb(73,190,173)
```

Monochromatic Color

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

#318966
```
#318966 rgb(49,137,102)
```
#31896d
```
#31896d rgb(49,137,109)
```
#318975
```
#318975 rgb(49,137,117)
```
#31897c
```
#31897c rgb(49,137,124)
```
#318983
```
#318983 rgb(49,137,131)
```
#318789
```
#318789 rgb(49,135,137)
```
#318089
```
#318089 rgb(49,128,137)
```

Similar Colors

Text with hexadecimal color #31897c

This text has a font color of #31897c.

<span style="color:#31897c;">Text here</span>

#31897c background color

This paragraph has a background color of #31897c.

<p style="background-color:#31897c;">Content here</p>

#31897c border color

This element has a border color of #31897c.

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

CSS codes

.text {color:#31897c;}

.background {background-color:#31897c;}

.border {border:1px solid #31897c;}

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

#020706
```
#020706 rgb(2,7,6)
```
#081513
```
#081513 rgb(8,21,19)
```
#0d2420
```
#0d2420 rgb(13,36,32)
```
#12322e
```
#12322e rgb(18,50,46)
```
#17413b
```
#17413b rgb(23,65,59)
```
#1c4f48
```
#1c4f48 rgb(28,79,72)
```
#215e55
```
#215e55 rgb(33,94,85)
```
#276c62
```
#276c62 rgb(39,108,98)
```
#2c7b6f
```
#2c7b6f rgb(44,123,111)
```
#31897c
```
#31897c rgb(49,137,124)
```
#369789
```
#369789 rgb(54,151,137)
```
#3ba696
```
#3ba696 rgb(59,166,150)
```
#41b4a3
```
#41b4a3 rgb(65,180,163)
```

Shade Color Variation

#4abead
```
#4abead rgb(74,190,173)
```
#59c3b4
```
#59c3b4 rgb(89,195,180)
```
#67c9ba
```
#67c9ba rgb(103,201,186)
```
#75cec1
```
#75cec1 rgb(117,206,193)
```
#84d3c7
```
#84d3c7 rgb(132,211,199)
```
#92d8ce
```
#92d8ce rgb(146,216,206)
```
#a1ddd4
```
#a1ddd4 rgb(161,221,212)
```
#afe2db
```
#afe2db rgb(175,226,219)
```
#bee8e1
```
#bee8e1 rgb(190,232,225)
```
#ccede8
```
#ccede8 rgb(204,237,232)
```
#dbf2ef
```
#dbf2ef rgb(219,242,239)
```
#e9f7f5
```
#e9f7f5 rgb(233,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#5c5e5e
```
#5c5e5e rgb(92,94,94)
```
#556563
```
#556563 rgb(85,101,99)
```
#4e6c68
```
#4e6c68 rgb(78,108,104)
```
#46746d
```
#46746d rgb(70,116,109)
```
#3f7b72
```
#3f7b72 rgb(63,123,114)
```
#388277
```
#388277 rgb(56,130,119)
```
#31897c
```
#31897c rgb(49,137,124)
```
#2a9081
```
#2a9081 rgb(42,144,129)
```
#239786
```
#239786 rgb(35,151,134)
```
#1c9e8b
```
#1c9e8b rgb(28,158,139)
```
#14a690
```
#14a690 rgb(20,166,144)
```
#0dad95
```
#0dad95 rgb(13,173,149)
```
#06b49a
```
#06b49a rgb(6,180,154)
```

Tone Color Variation

Below, you can see how #31897c 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

#6d6d6d Achromatopsia 0.005% of the population
#617370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86817b Protanopia 1% of men
#8b7e88 Deuteranopia 1% of men
#458c96 Tritanopia 0.001% of the population

Trichromacy

#67847b Protanomaly 1% of men, 0.01% of women
#6a8284 Deuteranomaly 6% of men, 0.4% of women
#3e8b8c Tritanomaly 0.01% of the population

#31897c hex color

#31897c Color Information

#31897c Color Conversion

Color Schemes with #31897c

Alternatives to #31897c

#31897c Preview

Shades and Tints of #31897c

Tones of #31897c

Color Blindness Simulator