#31463f hex color

In a RGB color space, hex #31463f is composed of 19.2% red, 27.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 10% yellow and 72.5% black. It has a hue angle of 160 degrees, a saturation of 17.6% and a lightness of 23.3%. #31463f color hex could be obtained by blending #628c7e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 27
- B 25
RGB color chart
- C 30
- M 0
- Y 10
- K 73
CMYK color chart

● #31463f color description : Very dark grayish cyan - lime green.

The hexadecimal color #31463f has RGB values of R:49, G:70, B:63 and CMYK values of C:0.3, M:0, Y:0.1, K:0.73. Its decimal value is 3229247.

Hex triplet	31463f	`#31463f`
RGB Decimal	49, 70, 63	`rgb(49,70,63)`
RGB Percent	19.2, 27.5, 24.7	`rgb(19.2%,27.5%,24.7%)`
CMYK	30, 0, 10, 73
HSL	160°, 17.6, 23.3	`hsl(160,17.6%,23.3%)`
HSV (or HSB)	160°, 30, 27.5
Web Safe	333333	`#333333`

CIE-LAB	27.824, -9.994, 1.565
XYZ	4.354, 5.392, 5.514
xyY	0.285, 0.353, 5.392
CIE-LCH	27.824, 10.116, 171.101
CIE-LUV	27.824, -9.667, 3.068
Hunter-Lab	23.221, -7.168, 2.176
Binary	00110001, 01000110, 00111111

#31463f
```
#31463f rgb(49,70,63)
```
#463138
```
#463138 rgb(70,49,56)
```

Complementary Color

#314635
```
#314635 rgb(49,70,53)
```
#31463f
```
#31463f rgb(49,70,63)
```
#314346
```
#314346 rgb(49,67,70)
```

Analogous Color

#463531
```
#463531 rgb(70,53,49)
```
#31463f
```
#31463f rgb(49,70,63)
```
#463143
```
#463143 rgb(70,49,67)
```

Split Complementary Color

#463f31
```
#463f31 rgb(70,63,49)
```
#31463f
```
#31463f rgb(49,70,63)
```
#3f3146
```
#3f3146 rgb(63,49,70)
```

Triadic Color

#384631
```
#384631 rgb(56,70,49)
```
#31463f
```
#31463f rgb(49,70,63)
```
#3f3146
```
#3f3146 rgb(63,49,70)
```
#463138
```
#463138 rgb(70,49,56)
```

Tetradic Color

#121917
```
#121917 rgb(18,25,23)
```
#1c2824
```
#1c2824 rgb(28,40,36)
```
#273732
```
#273732 rgb(39,55,50)
```
#31463f
```
#31463f rgb(49,70,63)
```
#3c554d
```
#3c554d rgb(60,85,77)
```
#46645a
```
#46645a rgb(70,100,90)
```
#517368
```
#517368 rgb(81,115,104)
```

Monochromatic Color

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

#31463a
```
#31463a rgb(49,70,58)
```
#31463c
```
#31463c rgb(49,70,60)
```
#31463d
```
#31463d rgb(49,70,61)
```
#31463f
```
#31463f rgb(49,70,63)
```
#314641
```
#314641 rgb(49,70,65)
```
#314643
```
#314643 rgb(49,70,67)
```
#314644
```
#314644 rgb(49,70,68)
```

Similar Colors

Text with hexadecimal color #31463f

This text has a font color of #31463f.

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

#31463f background color

This paragraph has a background color of #31463f.

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

#31463f border color

This element has a border color of #31463f.

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

CSS codes

.text {color:#31463f;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#111815
```
#111815 rgb(17,24,21)
```
#192320
```
#192320 rgb(25,35,32)
```
#212f2a
```
#212f2a rgb(33,47,42)
```
#293a35
```
#293a35 rgb(41,58,53)
```
#31463f
```
#31463f rgb(49,70,63)
```
#395249
```
#395249 rgb(57,82,73)
```
#415d54
```
#415d54 rgb(65,93,84)
```
#49695e
```
#49695e rgb(73,105,94)
```
#517469
```
#517469 rgb(81,116,105)
```
#598073
```
#598073 rgb(89,128,115)
```
#618b7d
```
#618b7d rgb(97,139,125)
```

Shade Color Variation

#6a9788
```
#6a9788 rgb(106,151,136)
```
#759f91
```
#759f91 rgb(117,159,145)
```
#81a79a
```
#81a79a rgb(129,167,154)
```
#8cafa3
```
#8cafa3 rgb(140,175,163)
```
#98b7ad
```
#98b7ad rgb(152,183,173)
```
#a3bfb6
```
#a3bfb6 rgb(163,191,182)
```
#afc7bf
```
#afc7bf rgb(175,199,191)
```
#bbcfc8
```
#bbcfc8 rgb(187,207,200)
```
#c6d7d1
```
#c6d7d1 rgb(198,215,209)
```
#d2dfdb
```
#d2dfdb rgb(210,223,219)
```
#dde7e4
```
#dde7e4 rgb(221,231,228)
```
#e9efed
```
#e9efed rgb(233,239,237)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a3d3c is the less saturated color, while #03744e is the most saturated one.

#3a3d3c
```
#3a3d3c rgb(58,61,60)
```
#36413d
```
#36413d rgb(54,65,61)
```
#31463f
```
#31463f rgb(49,70,63)
```
#2c4b41
```
#2c4b41 rgb(44,75,65)
```
#284f42
```
#284f42 rgb(40,79,66)
```
#235444
```
#235444 rgb(35,84,68)
```
#1f5845
```
#1f5845 rgb(31,88,69)
```
#1a5d47
```
#1a5d47 rgb(26,93,71)
```
#166148
```
#166148 rgb(22,97,72)
```
#11664a
```
#11664a rgb(17,102,74)
```
#0c6b4b
```
#0c6b4b rgb(12,107,75)
```
#086f4d
```
#086f4d rgb(8,111,77)
```
#03744e
```
#03744e rgb(3,116,78)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c403f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4b46 Protanopia 1% of men
#52494b Deuteranopia 1% of men
#3e4e53 Tritanopia 0.001% of the population

Trichromacy

#434943 Protanomaly 1% of men, 0.01% of women
#464846 Deuteranomaly 6% of men, 0.4% of women
#394b4c Tritanomaly 0.01% of the population

#31463f hex color

#31463f Color Information

#31463f Color Conversion

Color Schemes with #31463f

Alternatives to #31463f

#31463f Preview

Shades and Tints of #31463f

Tones of #31463f

Color Blindness Simulator