#31617c hex color

In a RGB color space, hex #31617c is composed of 19.2% red, 38% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 21.8% magenta, 0% yellow and 51.4% black. It has a hue angle of 201.6 degrees, a saturation of 43.4% and a lightness of 33.9%. #31617c color hex could be obtained by blending #62c2f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 38
- B 49
RGB color chart
- C 60
- M 22
- Y 0
- K 51
CMYK color chart

● #31617c color description : Dark moderate blue.

The hexadecimal color #31617c has RGB values of R:49, G:97, B:124 and CMYK values of C:0.6, M:0.22, Y:0, K:0.51. Its decimal value is 3236220.

Hex triplet	31617c	`#31617c`
RGB Decimal	49, 97, 124	`rgb(49,97,124)`
RGB Percent	19.2, 38, 48.6	`rgb(19.2%,38%,48.6%)`
CMYK	60, 22, 0, 51
HSL	201.6°, 43.4, 33.9	`hsl(201.6,43.4%,33.9%)`
HSV (or HSB)	201.6°, 60.5, 48.6
Web Safe	336666	`#336666`

CIE-LAB	38.997, -7.661, -20.069
XYZ	9.179, 10.657, 20.641
xyY	0.227, 0.263, 10.657
CIE-LCH	38.997, 21.482, 249.107
CIE-LUV	38.997, -19.708, -26.894
Hunter-Lab	32.645, -6.942, -14.637
Binary	00110001, 01100001, 01111100

#31617c
```
#31617c rgb(49,97,124)
```
#7c4c31
```
#7c4c31 rgb(124,76,49)
```

Complementary Color

#317c72
```
#317c72 rgb(49,124,114)
```
#31617c
```
#31617c rgb(49,97,124)
```
#313c7c
```
#313c7c rgb(49,60,124)
```

Analogous Color

#7c7231
```
#7c7231 rgb(124,114,49)
```
#31617c
```
#31617c rgb(49,97,124)
```
#7c313c
```
#7c313c rgb(124,49,60)
```

Split Complementary Color

#617c31
```
#617c31 rgb(97,124,49)
```
#31617c
```
#31617c rgb(49,97,124)
```
#7c3161
```
#7c3161 rgb(124,49,97)
```

Triadic Color

#317c4c
```
#317c4c rgb(49,124,76)
```
#31617c
```
#31617c rgb(49,97,124)
```
#7c3161
```
#7c3161 rgb(124,49,97)
```
#7c4c31
```
#7c4c31 rgb(124,76,49)
```

Tetradic Color

#1b3645
```
#1b3645 rgb(27,54,69)
```
#234457
```
#234457 rgb(35,68,87)
```
#2a536a
```
#2a536a rgb(42,83,106)
```
#31617c
```
#31617c rgb(49,97,124)
```
#386f8e
```
#386f8e rgb(56,111,142)
```
#3f7ea1
```
#3f7ea1 rgb(63,126,161)
```
#478cb3
```
#478cb3 rgb(71,140,179)
```

Monochromatic Color

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

#31747c
```
#31747c rgb(49,116,124)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#31677c
```
#31677c rgb(49,103,124)
```
#31617c
```
#31617c rgb(49,97,124)
```
#315b7c
```
#315b7c rgb(49,91,124)
```
#31557c
```
#31557c rgb(49,85,124)
```
#314e7c
```
#314e7c rgb(49,78,124)
```

Similar Colors

Text with hexadecimal color #31617c

This text has a font color of #31617c.

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

#31617c background color

This paragraph has a background color of #31617c.

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

#31617c border color

This element has a border color of #31617c.

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

CSS codes

.text {color:#31617c;}

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

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

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, #05090c is the darkest color, while #fcfdfe is the lightest one.

#05090c
```
#05090c rgb(5,9,12)
```
#0a141a
```
#0a141a rgb(10,20,26)
```
#101f28
```
#101f28 rgb(16,31,40)
```
#152a36
```
#152a36 rgb(21,42,54)
```
#1b3544
```
#1b3544 rgb(27,53,68)
```
#204052
```
#204052 rgb(32,64,82)
```
#264b60
```
#264b60 rgb(38,75,96)
```
#2b566e
```
#2b566e rgb(43,86,110)
```
#31617c
```
#31617c rgb(49,97,124)
```
#376c8a
```
#376c8a rgb(55,108,138)
```
#3c7798
```
#3c7798 rgb(60,119,152)
```
#4282a6
```
#4282a6 rgb(66,130,166)
```
#478db4
```
#478db4 rgb(71,141,180)
```

Shade Color Variation

#5496bb
```
#5496bb rgb(84,150,187)
```
#629fc1
```
#629fc1 rgb(98,159,193)
```
#70a7c6
```
#70a7c6 rgb(112,167,198)
```
#7eb0cc
```
#7eb0cc rgb(126,176,204)
```
#8cb9d2
```
#8cb9d2 rgb(140,185,210)
```
#9ac1d7
```
#9ac1d7 rgb(154,193,215)
```
#a8cadd
```
#a8cadd rgb(168,202,221)
```
#b6d2e2
```
#b6d2e2 rgb(182,210,226)
```
#c4dbe8
```
#c4dbe8 rgb(196,219,232)
```
#d2e4ed
```
#d2e4ed rgb(210,228,237)
```
#e0ecf3
```
#e0ecf3 rgb(224,236,243)
```
#eef5f8
```
#eef5f8 rgb(238,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52585b is the less saturated color, while #026eab is the most saturated one.

#52585b
```
#52585b rgb(82,88,91)
```
#4c5a61
```
#4c5a61 rgb(76,90,97)
```
#455b68
```
#455b68 rgb(69,91,104)
```
#3e5d6f
```
#3e5d6f rgb(62,93,111)
```
#385f75
```
#385f75 rgb(56,95,117)
```
#31617c
```
#31617c rgb(49,97,124)
```
#2a6383
```
#2a6383 rgb(42,99,131)
```
#246589
```
#246589 rgb(36,101,137)
```
#1d6790
```
#1d6790 rgb(29,103,144)
```
#166897
```
#166897 rgb(22,104,151)
```
#106a9d
```
#106a9d rgb(16,106,157)
```
#096ca4
```
#096ca4 rgb(9,108,164)
```
#026eab
```
#026eab rgb(2,110,171)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c637e Protanopia 1% of men
#596385 Deuteranopia 1% of men
#336c73 Tritanopia 0.001% of the population

Trichromacy

#4c627d Protanomaly 1% of men, 0.01% of women
#4a6281 Deuteranomaly 6% of men, 0.4% of women
#326876 Tritanomaly 0.01% of the population

#31617c hex color

#31617c Color Information

#31617c Color Conversion

Color Schemes with #31617c

Alternatives to #31617c

#31617c Preview

Shades and Tints of #31617c

Tones of #31617c

Color Blindness Simulator