#31596d hex color

In a RGB color space, hex #31596d is composed of 19.2% red, 34.9% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 18.3% magenta, 0% yellow and 57.3% black. It has a hue angle of 200 degrees, a saturation of 38% and a lightness of 31%. #31596d color hex could be obtained by blending #62b2da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 35
- B 43
RGB color chart
- C 55
- M 18
- Y 0
- K 57
CMYK color chart

● #31596d color description : Very dark desaturated blue.

The hexadecimal color #31596d has RGB values of R:49, G:89, B:109 and CMYK values of C:0.55, M:0.18, Y:0, K:0.57. Its decimal value is 3234157.

Hex triplet	31596d	`#31596d`
RGB Decimal	49, 89, 109	`rgb(49,89,109)`
RGB Percent	19.2, 34.9, 42.7	`rgb(19.2%,34.9%,42.7%)`
CMYK	55, 18, 0, 57
HSL	200°, 38, 31	`hsl(200,38%,31%)`
HSV (or HSB)	200°, 55, 42.7
Web Safe	336666	`#336666`

CIE-LAB	35.794, -7.854, -15.765
XYZ	7.599, 8.901, 15.785
xyY	0.235, 0.276, 8.901
CIE-LCH	35.794, 17.613, 243.519
CIE-LUV	35.794, -17.018, -20.138
Hunter-Lab	29.835, -6.75, -10.484
Binary	00110001, 01011001, 01101101

#31596d
```
#31596d rgb(49,89,109)
```
#6d4531
```
#6d4531 rgb(109,69,49)
```

Complementary Color

#316d63
```
#316d63 rgb(49,109,99)
```
#31596d
```
#31596d rgb(49,89,109)
```
#313b6d
```
#313b6d rgb(49,59,109)
```

Analogous Color

#6d6331
```
#6d6331 rgb(109,99,49)
```
#31596d
```
#31596d rgb(49,89,109)
```
#6d313b
```
#6d313b rgb(109,49,59)
```

Split Complementary Color

#596d31
```
#596d31 rgb(89,109,49)
```
#31596d
```
#31596d rgb(49,89,109)
```
#6d3159
```
#6d3159 rgb(109,49,89)
```

Triadic Color

#316d45
```
#316d45 rgb(49,109,69)
```
#31596d
```
#31596d rgb(49,89,109)
```
#6d3159
```
#6d3159 rgb(109,49,89)
```
#6d4531
```
#6d4531 rgb(109,69,49)
```

Tetradic Color

#192e38
```
#192e38 rgb(25,46,56)
```
#213c4a
```
#213c4a rgb(33,60,74)
```
#294b5b
```
#294b5b rgb(41,75,91)
```
#31596d
```
#31596d rgb(49,89,109)
```
#39677f
```
#39677f rgb(57,103,127)
```
#417690
```
#417690 rgb(65,118,144)
```
#4984a2
```
#4984a2 rgb(73,132,162)
```

Monochromatic Color

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

#31686d
```
#31686d rgb(49,104,109)
```
#31636d
```
#31636d rgb(49,99,109)
```
#315e6d
```
#315e6d rgb(49,94,109)
```
#31596d
```
#31596d rgb(49,89,109)
```
#31546d
```
#31546d rgb(49,84,109)
```
#314f6d
```
#314f6d rgb(49,79,109)
```
#314a6d
```
#314a6d rgb(49,74,109)
```

Similar Colors

Text with hexadecimal color #31596d

This text has a font color of #31596d.

<span style="color:#31596d;">Text here</span>

#31596d background color

This paragraph has a background color of #31596d.

<p style="background-color:#31596d;">Content here</p>

#31596d border color

This element has a border color of #31596d.

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

CSS codes

.text {color:#31596d;}

.background {background-color:#31596d;}

.border {border:1px solid #31596d;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060c0e
```
#060c0e rgb(6,12,14)
```
#0d171c
```
#0d171c rgb(13,23,28)
```
#132229
```
#132229 rgb(19,34,41)
```
#192d37
```
#192d37 rgb(25,45,55)
```
#1f3844
```
#1f3844 rgb(31,56,68)
```
#254352
```
#254352 rgb(37,67,82)
```
#2b4e5f
```
#2b4e5f rgb(43,78,95)
```
#31596d
```
#31596d rgb(49,89,109)
```
#37647b
```
#37647b rgb(55,100,123)
```
#3d6f88
```
#3d6f88 rgb(61,111,136)
```
#437a96
```
#437a96 rgb(67,122,150)
```
#4985a3
```
#4985a3 rgb(73,133,163)
```

Shade Color Variation

#5090b0
```
#5090b0 rgb(80,144,176)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#6ba1bc
```
#6ba1bc rgb(107,161,188)
```
#78aac3
```
#78aac3 rgb(120,170,195)
```
#86b2c9
```
#86b2c9 rgb(134,178,201)
```
#93bbcf
```
#93bbcf rgb(147,187,207)
```
#a1c4d5
```
#a1c4d5 rgb(161,196,213)
```
#afccdb
```
#afccdb rgb(175,204,219)
```
#bcd5e1
```
#bcd5e1 rgb(188,213,225)
```
#cadde7
```
#cadde7 rgb(202,221,231)
```
#d7e6ed
```
#d7e6ed rgb(215,230,237)
```
#e5eef3
```
#e5eef3 rgb(229,238,243)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#495155
```
#495155 rgb(73,81,85)
```
#43535b
```
#43535b rgb(67,83,91)
```
#3d5561
```
#3d5561 rgb(61,85,97)
```
#375767
```
#375767 rgb(55,87,103)
```
#31596d
```
#31596d rgb(49,89,109)
```
#2b5b73
```
#2b5b73 rgb(43,91,115)
```
#255d79
```
#255d79 rgb(37,93,121)
```
#1f5f7f
```
#1f5f7f rgb(31,95,127)
```
#196185
```
#196185 rgb(25,97,133)
```
#13638b
```
#13638b rgb(19,99,139)
```
#0d6591
```
#0d6591 rgb(13,101,145)
```
#066798
```
#066798 rgb(6,103,152)
```
#00699e
```
#00699e rgb(0,105,158)
```

Tone Color Variation

Below, you can see how #31596d 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

#4f4f4f Achromatopsia 0.005% of the population
#495155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575c71 Protanopia 1% of men
#565b76 Deuteranopia 1% of men
#37636a Tritanopia 0.001% of the population

Trichromacy

#495b6f Protanomaly 1% of men, 0.01% of women
#495a73 Deuteranomaly 6% of men, 0.4% of women
#355f6b Tritanomaly 0.01% of the population

#31596d hex color

#31596d Color Information

#31596d Color Conversion

Color Schemes with #31596d

Alternatives to #31596d

#31596d Preview

Shades and Tints of #31596d

Tones of #31596d

Color Blindness Simulator