#313b7c hex color

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

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

● #313b7c color description : Dark moderate blue.

The hexadecimal color #313b7c has RGB values of R:49, G:59, B:124 and CMYK values of C:0.6, M:0.52, Y:0, K:0.51. Its decimal value is 3226492.

Hex triplet	313b7c	`#313b7c`
RGB Decimal	49, 59, 124	`rgb(49,59,124)`
RGB Percent	19.2, 23.1, 48.6	`rgb(19.2%,23.1%,48.6%)`
CMYK	60, 52, 0, 51
HSL	232°, 43.4, 33.9	`hsl(232,43.4%,33.9%)`
HSV (or HSB)	232°, 60.5, 48.6
Web Safe	333366	`#333366`

CIE-LAB	27.396, 17.079, -38.368
XYZ	6.468, 5.236, 19.737
xyY	0.206, 0.167, 5.236
CIE-LCH	27.396, 41.998, 293.996
CIE-LUV	27.396, -6.57, -50.428
Hunter-Lab	22.882, 10.412, -35.125
Binary	00110001, 00111011, 01111100

#313b7c
```
#313b7c rgb(49,59,124)
```
#7c7231
```
#7c7231 rgb(124,114,49)
```

Complementary Color

#31617c
```
#31617c rgb(49,97,124)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#4d317c
```
#4d317c rgb(77,49,124)
```

Analogous Color

#617c31
```
#617c31 rgb(97,124,49)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#7c4d31
```
#7c4d31 rgb(124,77,49)
```

Split Complementary Color

#3b7c31
```
#3b7c31 rgb(59,124,49)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#7c313b
```
#7c313b rgb(124,49,59)
```

Triadic Color

#317c72
```
#317c72 rgb(49,124,114)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#7c313b
```
#7c313b rgb(124,49,59)
```
#7c7231
```
#7c7231 rgb(124,114,49)
```

Tetradic Color

#1b2145
```
#1b2145 rgb(27,33,69)
```
#232a57
```
#232a57 rgb(35,42,87)
```
#2a326a
```
#2a326a rgb(42,50,106)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#38448e
```
#38448e rgb(56,68,142)
```
#3f4ca1
```
#3f4ca1 rgb(63,76,161)
```
#4755b3
```
#4755b3 rgb(71,85,179)
```

Monochromatic Color

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

#314e7c
```
#314e7c rgb(49,78,124)
```
#31487c
```
#31487c rgb(49,72,124)
```
#31417c
```
#31417c rgb(49,65,124)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#31357c
```
#31357c rgb(49,53,124)
```
#34317c
```
#34317c rgb(52,49,124)
```
#3a317c
```
#3a317c rgb(58,49,124)
```

Similar Colors

Text with hexadecimal color #313b7c

This text has a font color of #313b7c.

<span style="color:#313b7c;">Text here</span>

#313b7c background color

This paragraph has a background color of #313b7c.

<p style="background-color:#313b7c;">Content here</p>

#313b7c border color

This element has a border color of #313b7c.

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

CSS codes

.text {color:#313b7c;}

.background {background-color:#313b7c;}

.border {border:1px solid #313b7c;}

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)
```
#101328
```
#101328 rgb(16,19,40)
```
#151a36
```
#151a36 rgb(21,26,54)
```
#1b2044
```
#1b2044 rgb(27,32,68)
```
#202752
```
#202752 rgb(32,39,82)
```
#262e60
```
#262e60 rgb(38,46,96)
```
#2b346e
```
#2b346e rgb(43,52,110)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#37428a
```
#37428a rgb(55,66,138)
```
#3c4898
```
#3c4898 rgb(60,72,152)
```
#424fa6
```
#424fa6 rgb(66,79,166)
```
#4756b4
```
#4756b4 rgb(71,86,180)
```

Shade Color Variation

#5462bb
```
#5462bb rgb(84,98,187)
```
#626ec1
```
#626ec1 rgb(98,110,193)
```
#707bc6
```
#707bc6 rgb(112,123,198)
```
#7e88cc
```
#7e88cc rgb(126,136,204)
```
#8c95d2
```
#8c95d2 rgb(140,149,210)
```
#9aa2d7
```
#9aa2d7 rgb(154,162,215)
```
#a8afdd
```
#a8afdd rgb(168,175,221)
```
#b6bce2
```
#b6bce2 rgb(182,188,226)
```
#c4c9e8
```
#c4c9e8 rgb(196,201,232)
```
#d2d6ed
```
#d2d6ed rgb(210,214,237)
```
#e0e3f3
```
#e0e3f3 rgb(224,227,243)
```
#eef0f8
```
#eef0f8 rgb(238,240,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 #0219ab is the most saturated one.

#52535b
```
#52535b rgb(82,83,91)
```
#4c4f61
```
#4c4f61 rgb(76,79,97)
```
#454a68
```
#454a68 rgb(69,74,104)
```
#3e456f
```
#3e456f rgb(62,69,111)
```
#384075
```
#384075 rgb(56,64,117)
```
#313b7c
```
#313b7c rgb(49,59,124)
```
#2a3683
```
#2a3683 rgb(42,54,131)
```
#243189
```
#243189 rgb(36,49,137)
```
#1d2c90
```
#1d2c90 rgb(29,44,144)
```
#162797
```
#162797 rgb(22,39,151)
```
#10239d
```
#10239d rgb(16,35,157)
```
#091ea4
```
#091ea4 rgb(9,30,164)
```
#0219ab
```
#0219ab rgb(2,25,171)
```

Tone Color Variation

Below, you can see how #313b7c 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
#3c3e4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#244885 Protanopia 1% of men
#004b7e Deuteranopia 1% of men
#225056 Tritanopia 0.001% of the population

Trichromacy

#284382 Protanomaly 1% of men, 0.01% of women
#11457d Deuteranomaly 6% of men, 0.4% of women
#284864 Tritanomaly 0.01% of the population

#313b7c hex color

#313b7c Color Information

#313b7c Color Conversion

Color Schemes with #313b7c

Alternatives to #313b7c

#313b7c Preview

Shades and Tints of #313b7c

Tones of #313b7c

Color Blindness Simulator