colorhexa.com

#31867f hex color

In a RGB color space, hex #31867f is composed of 19.2% red, 52.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 5.2% yellow and 47.5% black. It has a hue angle of 175.1 degrees, a saturation of 46.4% and a lightness of 35.9%. #31867f color hex could be obtained by blending #62fffe with #000d00. Closest websafe color is: #339966.

- R 19
- G 53
- B 50
RGB color chart
- C 63
- M 0
- Y 5
- K 47
CMYK color chart

● #31867f color description : Dark moderate cyan.

The hexadecimal color #31867f has RGB values of R:49, G:134, B:127 and CMYK values of C:0.63, M:0, Y:0.05, K:0.47. Its decimal value is 3245695.

Hex triplet	31867f	`#31867f`
RGB Decimal	49, 134, 127	`rgb(49,134,127)`
RGB Percent	19.2, 52.5, 49.8	`rgb(19.2%,52.5%,49.8%)`
CMYK	63, 0, 5, 47
HSL	175.1°, 46.4, 35.9	`hsl(175.1,46.4%,35.9%)`
HSV (or HSB)	175.1°, 63.4, 52.5
Web Safe	339966	`#339966`

CIE-LAB	50.96, -26.966, -3.787
XYZ	13.621, 19.234, 23.072
xyY	0.244, 0.344, 19.234
CIE-LCH	50.96, 27.231, 187.994
CIE-LUV	50.96, -33.866, -1.443
Hunter-Lab	43.857, -21.31, -0.491
Binary	00110001, 10000110, 01111111

#31867f
```
#31867f rgb(49,134,127)
```
#863138
```
#863138 rgb(134,49,56)
```

Complementary Color

#318655
```
#318655 rgb(49,134,85)
```
#31867f
```
#31867f rgb(49,134,127)
```
#316386
```
#316386 rgb(49,99,134)
```

Analogous Color

#865531
```
#865531 rgb(134,85,49)
```
#31867f
```
#31867f rgb(49,134,127)
```
#863163
```
#863163 rgb(134,49,99)
```

Split Complementary Color

#867f31
```
#867f31 rgb(134,127,49)
```
#31867f
```
#31867f rgb(49,134,127)
```
#7f3186
```
#7f3186 rgb(127,49,134)
```

Triadic Color

#388631
```
#388631 rgb(56,134,49)
```
#31867f
```
#31867f rgb(49,134,127)
```
#7f3186
```
#7f3186 rgb(127,49,134)
```
#863138
```
#863138 rgb(134,49,56)
```

Tetradic Color

#1d4e4a
```
#1d4e4a rgb(29,78,74)
```
#23615c
```
#23615c rgb(35,97,92)
```
#2a736d
```
#2a736d rgb(42,115,109)
```
#31867f
```
#31867f rgb(49,134,127)
```
#389991
```
#389991 rgb(56,153,145)
```
#3faba2
```
#3faba2 rgb(63,171,162)
```
#48bcb2
```
#48bcb2 rgb(72,188,178)
```

Monochromatic Color

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

#31866a
```
#31866a rgb(49,134,106)
```
#318671
```
#318671 rgb(49,134,113)
```
#318678
```
#318678 rgb(49,134,120)
```
#31867f
```
#31867f rgb(49,134,127)
```
#318686
```
#318686 rgb(49,134,134)
```
#317f86
```
#317f86 rgb(49,127,134)
```
#317886
```
#317886 rgb(49,120,134)
```

Similar Colors

Text with hexadecimal color #31867f

This text has a font color of #31867f.

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

#31867f background color

This paragraph has a background color of #31867f.

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

#31867f border color

This element has a border color of #31867f.

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

CSS codes

.text {color:#31867f;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#071312
```
#071312 rgb(7,19,18)
```
#0c2120
```
#0c2120 rgb(12,33,32)
```
#11302d
```
#11302d rgb(17,48,45)
```
#173e3b
```
#173e3b rgb(23,62,59)
```
#1c4d49
```
#1c4d49 rgb(28,77,73)
```
#215b56
```
#215b56 rgb(33,91,86)
```
#266964
```
#266964 rgb(38,105,100)
```
#2c7871
```
#2c7871 rgb(44,120,113)
```
#31867f
```
#31867f rgb(49,134,127)
```
#36948d
```
#36948d rgb(54,148,141)
```
#3ca39a
```
#3ca39a rgb(60,163,154)
```
#41b1a8
```
#41b1a8 rgb(65,177,168)
```

Shade Color Variation

#49bcb3
```
#49bcb3 rgb(73,188,179)
```
#57c2b9
```
#57c2b9 rgb(87,194,185)
```
#66c7bf
```
#66c7bf rgb(102,199,191)
```
#74ccc5
```
#74ccc5 rgb(116,204,197)
```
#82d1cb
```
#82d1cb rgb(130,209,203)
```
#91d7d1
```
#91d7d1 rgb(145,215,209)
```
#9fdcd7
```
#9fdcd7 rgb(159,220,215)
```
#aee1dd
```
#aee1dd rgb(174,225,221)
```
#bce6e3
```
#bce6e3 rgb(188,230,227)
```
#caece9
```
#caece9 rgb(202,236,233)
```
#d9f1ef
```
#d9f1ef rgb(217,241,239)
```
#e7f6f5
```
#e7f6f5 rgb(231,246,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#5b5c5c
```
#5b5c5c rgb(91,92,92)
```
#546362
```
#546362 rgb(84,99,98)
```
#4d6a67
```
#4d6a67 rgb(77,106,103)
```
#46716d
```
#46716d rgb(70,113,109)
```
#3f7873
```
#3f7873 rgb(63,120,115)
```
#387f79
```
#387f79 rgb(56,127,121)
```
#31867f
```
#31867f rgb(49,134,127)
```
#2a8d85
```
#2a8d85 rgb(42,141,133)
```
#23948b
```
#23948b rgb(35,148,139)
```
#1c9b91
```
#1c9b91 rgb(28,155,145)
```
#15a297
```
#15a297 rgb(21,162,151)
```
#0ea99c
```
#0ea99c rgb(14,169,156)
```
#07b0a2
```
#07b0a2 rgb(7,176,162)
```

Tone Color Variation

Below, you can see how #31867f 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
#607170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827f7e Protanopia 1% of men
#867d8b Deuteranopia 1% of men
#438a94 Tritanopia 0.001% of the population

Trichromacy

#65817e Protanomaly 1% of men, 0.01% of women
#678086 Deuteranomaly 6% of men, 0.4% of women
#3c888c Tritanomaly 0.01% of the population