#31897f hex color

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

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

● #31897f color description : Dark moderate cyan.

The hexadecimal color #31897f has RGB values of R:49, G:137, B:127 and CMYK values of C:0.64, M:0, Y:0.07, K:0.46. Its decimal value is 3246463.

Hex triplet	31897f	`#31897f`
RGB Decimal	49, 137, 127	`rgb(49,137,127)`
RGB Percent	19.2, 53.7, 49.8	`rgb(19.2%,53.7%,49.8%)`
CMYK	64, 0, 7, 46
HSL	173.2°, 47.3, 36.5	`hsl(173.2,47.3%,36.5%)`
HSV (or HSB)	173.2°, 64.2, 53.7
Web Safe	339966	`#339966`

CIE-LAB	51.922, -28.448, -2.369
XYZ	14.042, 20.075, 23.212
xyY	0.245, 0.35, 20.075
CIE-LCH	51.922, 28.546, 184.761
CIE-LUV	51.922, -35.018, 0.803
Hunter-Lab	44.806, -22.469, 0.648
Binary	00110001, 10001001, 01111111

#31897f
```
#31897f rgb(49,137,127)
```
#89313b
```
#89313b rgb(137,49,59)
```

Complementary Color

#318953
```
#318953 rgb(49,137,83)
```
#31897f
```
#31897f rgb(49,137,127)
```
#316789
```
#316789 rgb(49,103,137)
```

Analogous Color

#895331
```
#895331 rgb(137,83,49)
```
#31897f
```
#31897f rgb(49,137,127)
```
#893167
```
#893167 rgb(137,49,103)
```

Split Complementary Color

#897f31
```
#897f31 rgb(137,127,49)
```
#31897f
```
#31897f rgb(49,137,127)
```
#7f3189
```
#7f3189 rgb(127,49,137)
```

Triadic Color

#3b8931
```
#3b8931 rgb(59,137,49)
```
#31897f
```
#31897f rgb(49,137,127)
```
#7f3189
```
#7f3189 rgb(127,49,137)
```
#89313b
```
#89313b rgb(137,49,59)
```

Tetradic Color

#1d514b
```
#1d514b rgb(29,81,75)
```
#24635c
```
#24635c rgb(36,99,92)
```
#2a766e
```
#2a766e rgb(42,118,110)
```
#31897f
```
#31897f rgb(49,137,127)
```
#389c90
```
#389c90 rgb(56,156,144)
```
#3eafa2
```
#3eafa2 rgb(62,175,162)
```
#49beb0
```
#49beb0 rgb(73,190,176)
```

Monochromatic Color

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

#318969
```
#318969 rgb(49,137,105)
```
#318970
```
#318970 rgb(49,137,112)
```
#318978
```
#318978 rgb(49,137,120)
```
#31897f
```
#31897f rgb(49,137,127)
```
#318986
```
#318986 rgb(49,137,134)
```
#318489
```
#318489 rgb(49,132,137)
```
#317d89
```
#317d89 rgb(49,125,137)
```

Similar Colors

Text with hexadecimal color #31897f

This text has a font color of #31897f.

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

#31897f background color

This paragraph has a background color of #31897f.

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

#31897f border color

This element has a border color of #31897f.

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

CSS codes

.text {color:#31897f;}

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

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

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)
```
#081514
```
#081514 rgb(8,21,20)
```
#0d2421
```
#0d2421 rgb(13,36,33)
```
#12322f
```
#12322f rgb(18,50,47)
```
#17413c
```
#17413c rgb(23,65,60)
```
#1c4f49
```
#1c4f49 rgb(28,79,73)
```
#215e57
```
#215e57 rgb(33,94,87)
```
#276c64
```
#276c64 rgb(39,108,100)
```
#2c7b72
```
#2c7b72 rgb(44,123,114)
```
#31897f
```
#31897f rgb(49,137,127)
```
#36978c
```
#36978c rgb(54,151,140)
```
#3ba69a
```
#3ba69a rgb(59,166,154)
```
#41b4a7
```
#41b4a7 rgb(65,180,167)
```

Shade Color Variation

#4abeb1
```
#4abeb1 rgb(74,190,177)
```
#59c3b7
```
#59c3b7 rgb(89,195,183)
```
#67c9be
```
#67c9be rgb(103,201,190)
```
#75cec4
```
#75cec4 rgb(117,206,196)
```
#84d3ca
```
#84d3ca rgb(132,211,202)
```
#92d8d0
```
#92d8d0 rgb(146,216,208)
```
#a1ddd6
```
#a1ddd6 rgb(161,221,214)
```
#afe2dd
```
#afe2dd rgb(175,226,221)
```
#bee8e3
```
#bee8e3 rgb(190,232,227)
```
#ccede9
```
#ccede9 rgb(204,237,233)
```
#dbf2ef
```
#dbf2ef rgb(219,242,239)
```
#e9f7f6
```
#e9f7f6 rgb(233,247,246)
```
#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 #06b4a0 is the most saturated one.

#5c5e5e
```
#5c5e5e rgb(92,94,94)
```
#556563
```
#556563 rgb(85,101,99)
```
#4e6c69
```
#4e6c69 rgb(78,108,105)
```
#46746e
```
#46746e rgb(70,116,110)
```
#3f7b74
```
#3f7b74 rgb(63,123,116)
```
#388279
```
#388279 rgb(56,130,121)
```
#31897f
```
#31897f rgb(49,137,127)
```
#2a9085
```
#2a9085 rgb(42,144,133)
```
#23978a
```
#23978a rgb(35,151,138)
```
#1c9e90
```
#1c9e90 rgb(28,158,144)
```
#14a695
```
#14a695 rgb(20,166,149)
```
#0dad9b
```
#0dad9b rgb(13,173,155)
```
#06b4a0
```
#06b4a0 rgb(6,180,160)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#627371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85827e Protanopia 1% of men
#8a7f8b Deuteranopia 1% of men
#448c96 Tritanopia 0.001% of the population

Trichromacy

#66847e Protanomaly 1% of men, 0.01% of women
#698286 Deuteranomaly 6% of men, 0.4% of women
#3d8b8e Tritanomaly 0.01% of the population

#31897f hex color

#31897f Color Information

#31897f Color Conversion

Color Schemes with #31897f

Alternatives to #31897f

#31897f Preview

Shades and Tints of #31897f

Tones of #31897f

Color Blindness Simulator