#313b7b hex color

In a RGB color space, hex #313b7b is composed of 19.2% red, 23.1% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 52% magenta, 0% yellow and 51.8% black. It has a hue angle of 231.9 degrees, a saturation of 43% and a lightness of 33.7%. #313b7b color hex could be obtained by blending #6276f6 with #000000. Closest websafe color is: #333366.

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

● #313b7b color description : Dark moderate blue.

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

Hex triplet	313b7b	`#313b7b`
RGB Decimal	49, 59, 123	`rgb(49,59,123)`
RGB Percent	19.2, 23.1, 48.2	`rgb(19.2%,23.1%,48.2%)`
CMYK	60, 52, 0, 52
HSL	231.9°, 43, 33.7	`hsl(231.9,43%,33.7%)`
HSV (or HSB)	231.9°, 60.2, 48.2
Web Safe	333366	`#333366`

CIE-LAB	27.327, 16.715, -37.851
XYZ	6.405, 5.211, 19.406
xyY	0.206, 0.168, 5.211
CIE-LCH	27.327, 41.378, 293.827
CIE-LUV	27.327, -6.539, -49.697
Hunter-Lab	22.827, 10.138, -34.426
Binary	00110001, 00111011, 01111011

#313b7b
```
#313b7b rgb(49,59,123)
```
#7b7131
```
#7b7131 rgb(123,113,49)
```

Complementary Color

#31607b
```
#31607b rgb(49,96,123)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#4c317b
```
#4c317b rgb(76,49,123)
```

Analogous Color

#607b31
```
#607b31 rgb(96,123,49)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#7b4c31
```
#7b4c31 rgb(123,76,49)
```

Split Complementary Color

#3b7b31
```
#3b7b31 rgb(59,123,49)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#7b313b
```
#7b313b rgb(123,49,59)
```

Triadic Color

#317b71
```
#317b71 rgb(49,123,113)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#7b313b
```
#7b313b rgb(123,49,59)
```
#7b7131
```
#7b7131 rgb(123,113,49)
```

Tetradic Color

#1b2144
```
#1b2144 rgb(27,33,68)
```
#222a57
```
#222a57 rgb(34,42,87)
```
#2a3269
```
#2a3269 rgb(42,50,105)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#38448d
```
#38448d rgb(56,68,141)
```
#404c9f
```
#404c9f rgb(64,76,159)
```
#4755b2
```
#4755b2 rgb(71,85,178)
```

Monochromatic Color

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

#314e7b
```
#314e7b rgb(49,78,123)
```
#31477b
```
#31477b rgb(49,71,123)
```
#31417b
```
#31417b rgb(49,65,123)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#31357b
```
#31357b rgb(49,53,123)
```
#33317b
```
#33317b rgb(51,49,123)
```
#3a317b
```
#3a317b rgb(58,49,123)
```

Similar Colors

Text with hexadecimal color #313b7b

This text has a font color of #313b7b.

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

#313b7b background color

This paragraph has a background color of #313b7b.

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

#313b7b border color

This element has a border color of #313b7b.

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

CSS codes

.text {color:#313b7b;}

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

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

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, #04050b is the darkest color, while #fcfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#0a0c19
```
#0a0c19 rgb(10,12,25)
```
#0f1327
```
#0f1327 rgb(15,19,39)
```
#151935
```
#151935 rgb(21,25,53)
```
#1b2043
```
#1b2043 rgb(27,32,67)
```
#202751
```
#202751 rgb(32,39,81)
```
#262e5f
```
#262e5f rgb(38,46,95)
```
#2b346d
```
#2b346d rgb(43,52,109)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#374289
```
#374289 rgb(55,66,137)
```
#3c4897
```
#3c4897 rgb(60,72,151)
```
#424fa5
```
#424fa5 rgb(66,79,165)
```
#4756b3
```
#4756b3 rgb(71,86,179)
```

Shade Color Variation

#5361bb
```
#5361bb rgb(83,97,187)
```
#616ec0
```
#616ec0 rgb(97,110,192)
```
#6f7bc6
```
#6f7bc6 rgb(111,123,198)
```
#7e88cb
```
#7e88cb rgb(126,136,203)
```
#8c95d1
```
#8c95d1 rgb(140,149,209)
```
#9aa2d7
```
#9aa2d7 rgb(154,162,215)
```
#a8afdc
```
#a8afdc rgb(168,175,220)
```
#b6bce2
```
#b6bce2 rgb(182,188,226)
```
#c4c8e7
```
#c4c8e7 rgb(196,200,231)
```
#d2d5ed
```
#d2d5ed rgb(210,213,237)
```
#e0e2f3
```
#e0e2f3 rgb(224,226,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#52535a
```
#52535a rgb(82,83,90)
```
#4b4e61
```
#4b4e61 rgb(75,78,97)
```
#454967
```
#454967 rgb(69,73,103)
```
#3e456e
```
#3e456e rgb(62,69,110)
```
#384074
```
#384074 rgb(56,64,116)
```
#313b7b
```
#313b7b rgb(49,59,123)
```
#2a3682
```
#2a3682 rgb(42,54,130)
```
#243188
```
#243188 rgb(36,49,136)
```
#1d2d8f
```
#1d2d8f rgb(29,45,143)
```
#172895
```
#172895 rgb(23,40,149)
```
#10239c
```
#10239c rgb(16,35,156)
```
#091ea3
```
#091ea3 rgb(9,30,163)
```
#0319a9
```
#0319a9 rgb(3,25,169)
```

Tone Color Variation

Below, you can see how #313b7b 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

#254884 Protanopia 1% of men
#004b7e Deuteranopia 1% of men
#235056 Tritanopia 0.001% of the population

Trichromacy

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

#313b7b hex color

#313b7b Color Information

#313b7b Color Conversion

Color Schemes with #313b7b

Alternatives to #313b7b

#313b7b Preview

Shades and Tints of #313b7b

Tones of #313b7b

Color Blindness Simulator