#31387c hex color

In a RGB color space, hex #31387c is composed of 19.2% red, 22% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 54.8% magenta, 0% yellow and 51.4% black. It has a hue angle of 234.4 degrees, a saturation of 43.4% and a lightness of 33.9%. #31387c color hex could be obtained by blending #6270f8 with #000000. Closest websafe color is: #333366.

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

● #31387c color description : Dark moderate blue.

The hexadecimal color #31387c has RGB values of R:49, G:56, B:124 and CMYK values of C:0.6, M:0.55, Y:0, K:0.51. Its decimal value is 3225724.

Hex triplet	31387c	`#31387c`
RGB Decimal	49, 56, 124	`rgb(49,56,124)`
RGB Percent	19.2, 22, 48.6	`rgb(19.2%,22%,48.6%)`
CMYK	60, 55, 0, 51
HSL	234.4°, 43.4, 33.9	`hsl(234.4,43.4%,33.9%)`
HSV (or HSB)	234.4°, 60.5, 48.6
Web Safe	333366	`#333366`

CIE-LAB	26.552, 19.129, -39.728
XYZ	6.318, 4.936, 19.688
xyY	0.204, 0.16, 4.936
CIE-LCH	26.552, 44.093, 295.711
CIE-LUV	26.552, -5.722, -51.672
Hunter-Lab	22.218, 11.88, -36.986
Binary	00110001, 00111000, 01111100

#31387c
```
#31387c rgb(49,56,124)
```
#7c7531
```
#7c7531 rgb(124,117,49)
```

Complementary Color

#315e7c
```
#315e7c rgb(49,94,124)
```
#31387c
```
#31387c rgb(49,56,124)
```
#50317c
```
#50317c rgb(80,49,124)
```

Analogous Color

#5e7c31
```
#5e7c31 rgb(94,124,49)
```
#31387c
```
#31387c rgb(49,56,124)
```
#7c5031
```
#7c5031 rgb(124,80,49)
```

Split Complementary Color

#387c31
```
#387c31 rgb(56,124,49)
```
#31387c
```
#31387c rgb(49,56,124)
```
#7c3138
```
#7c3138 rgb(124,49,56)
```

Triadic Color

#317c75
```
#317c75 rgb(49,124,117)
```
#31387c
```
#31387c rgb(49,56,124)
```
#7c3138
```
#7c3138 rgb(124,49,56)
```
#7c7531
```
#7c7531 rgb(124,117,49)
```

Tetradic Color

#1b1f45
```
#1b1f45 rgb(27,31,69)
```
#232757
```
#232757 rgb(35,39,87)
```
#2a306a
```
#2a306a rgb(42,48,106)
```
#31387c
```
#31387c rgb(49,56,124)
```
#38408e
```
#38408e rgb(56,64,142)
```
#3f49a1
```
#3f49a1 rgb(63,73,161)
```
#4751b3
```
#4751b3 rgb(71,81,179)
```

Monochromatic Color

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

#314b7c
```
#314b7c rgb(49,75,124)
```
#31457c
```
#31457c rgb(49,69,124)
```
#313e7c
```
#313e7c rgb(49,62,124)
```
#31387c
```
#31387c rgb(49,56,124)
```
#31327c
```
#31327c rgb(49,50,124)
```
#37317c
```
#37317c rgb(55,49,124)
```
#3d317c
```
#3d317c rgb(61,49,124)
```

Similar Colors

Text with hexadecimal color #31387c

This text has a font color of #31387c.

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

#31387c background color

This paragraph has a background color of #31387c.

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

#31387c border color

This element has a border color of #31387c.

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

CSS codes

.text {color:#31387c;}

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

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

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

#05050c
```
#05050c rgb(5,5,12)
```
#0a0c1a
```
#0a0c1a rgb(10,12,26)
```
#101228
```
#101228 rgb(16,18,40)
```
#151836
```
#151836 rgb(21,24,54)
```
#1b1f44
```
#1b1f44 rgb(27,31,68)
```
#202552
```
#202552 rgb(32,37,82)
```
#262b60
```
#262b60 rgb(38,43,96)
```
#2b326e
```
#2b326e rgb(43,50,110)
```
#31387c
```
#31387c rgb(49,56,124)
```
#373e8a
```
#373e8a rgb(55,62,138)
```
#3c4598
```
#3c4598 rgb(60,69,152)
```
#424ba6
```
#424ba6 rgb(66,75,166)
```
#4751b4
```
#4751b4 rgb(71,81,180)
```

Shade Color Variation

#545dbb
```
#545dbb rgb(84,93,187)
```
#626bc1
```
#626bc1 rgb(98,107,193)
```
#7078c6
```
#7078c6 rgb(112,120,198)
```
#7e85cc
```
#7e85cc rgb(126,133,204)
```
#8c92d2
```
#8c92d2 rgb(140,146,210)
```
#9aa0d7
```
#9aa0d7 rgb(154,160,215)
```
#a8addd
```
#a8addd rgb(168,173,221)
```
#b6bae2
```
#b6bae2 rgb(182,186,226)
```
#c4c8e8
```
#c4c8e8 rgb(196,200,232)
```
#d2d5ed
```
#d2d5ed rgb(210,213,237)
```
#e0e2f3
```
#e0e2f3 rgb(224,226,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#52535b
```
#52535b rgb(82,83,91)
```
#4c4e61
```
#4c4e61 rgb(76,78,97)
```
#454868
```
#454868 rgb(69,72,104)
```
#3e436f
```
#3e436f rgb(62,67,111)
```
#383d75
```
#383d75 rgb(56,61,117)
```
#31387c
```
#31387c rgb(49,56,124)
```
#2a3383
```
#2a3383 rgb(42,51,131)
```
#242d89
```
#242d89 rgb(36,45,137)
```
#1d2890
```
#1d2890 rgb(29,40,144)
```
#162297
```
#162297 rgb(22,34,151)
```
#101d9d
```
#101d9d rgb(16,29,157)
```
#0918a4
```
#0918a4 rgb(9,24,164)
```
#0212ab
```
#0212ab rgb(2,18,171)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a4686 Protanopia 1% of men
#004a7a Deuteranopia 1% of men
#214e54 Tritanopia 0.001% of the population

Trichromacy

#224182 Protanomaly 1% of men, 0.01% of women
#11437b Deuteranomaly 6% of men, 0.4% of women
#274662 Tritanomaly 0.01% of the population

#31387c hex color

#31387c Color Information

#31387c Color Conversion

Color Schemes with #31387c

Alternatives to #31387c

#31387c Preview

Shades and Tints of #31387c

Tones of #31387c

Color Blindness Simulator