#313b73 hex color

In a RGB color space, hex #313b73 is composed of 19.2% red, 23.1% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 48.7% magenta, 0% yellow and 54.9% black. It has a hue angle of 230.9 degrees, a saturation of 40.2% and a lightness of 32.2%. #313b73 color hex could be obtained by blending #6276e6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 23
- B 45
RGB color chart
- C 57
- M 49
- Y 0
- K 55
CMYK color chart

● #313b73 color description : Dark moderate blue.

The hexadecimal color #313b73 has RGB values of R:49, G:59, B:115 and CMYK values of C:0.57, M:0.49, Y:0, K:0.55. Its decimal value is 3226483.

Hex triplet	313b73	`#313b73`
RGB Decimal	49, 59, 115	`rgb(49,59,115)`
RGB Percent	19.2, 23.1, 45.1	`rgb(19.2%,23.1%,45.1%)`
CMYK	57, 49, 0, 55
HSL	230.9°, 40.2, 32.2	`hsl(230.9,40.2%,32.2%)`
HSV (or HSB)	230.9°, 57.4, 45.1
Web Safe	333366	`#333366`

CIE-LAB	26.787, 13.819, -33.659
XYZ	5.924, 5.018, 16.875
xyY	0.213, 0.18, 5.018
CIE-LCH	26.787, 36.385, 292.322
CIE-LUV	26.787, -6.294, -43.78
Hunter-Lab	22.402, 8.003, -28.981
Binary	00110001, 00111011, 01110011

#313b73
```
#313b73 rgb(49,59,115)
```
#736931
```
#736931 rgb(115,105,49)
```

Complementary Color

#315c73
```
#315c73 rgb(49,92,115)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#483173
```
#483173 rgb(72,49,115)
```

Analogous Color

#5c7331
```
#5c7331 rgb(92,115,49)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#734831
```
#734831 rgb(115,72,49)
```

Split Complementary Color

#3b7331
```
#3b7331 rgb(59,115,49)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#73313b
```
#73313b rgb(115,49,59)
```

Triadic Color

#317369
```
#317369 rgb(49,115,105)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#73313b
```
#73313b rgb(115,49,59)
```
#736931
```
#736931 rgb(115,105,49)
```

Tetradic Color

#1a1f3d
```
#1a1f3d rgb(26,31,61)
```
#22294f
```
#22294f rgb(34,41,79)
```
#293261
```
#293261 rgb(41,50,97)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#394485
```
#394485 rgb(57,68,133)
```
#404d97
```
#404d97 rgb(64,77,151)
```
#4857a9
```
#4857a9 rgb(72,87,169)
```

Monochromatic Color

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

#314c73
```
#314c73 rgb(49,76,115)
```
#314673
```
#314673 rgb(49,70,115)
```
#314173
```
#314173 rgb(49,65,115)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#313673
```
#313673 rgb(49,54,115)
```
#323173
```
#323173 rgb(50,49,115)
```
#383173
```
#383173 rgb(56,49,115)
```

Similar Colors

Text with hexadecimal color #313b73

This text has a font color of #313b73.

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

#313b73 background color

This paragraph has a background color of #313b73.

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

#313b73 border color

This element has a border color of #313b73.

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

CSS codes

.text {color:#313b73;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080a13
```
#080a13 rgb(8,10,19)
```
#0e1120
```
#0e1120 rgb(14,17,32)
```
#14182e
```
#14182e rgb(20,24,46)
```
#1a1f3c
```
#1a1f3c rgb(26,31,60)
```
#1f264a
```
#1f264a rgb(31,38,74)
```
#252d57
```
#252d57 rgb(37,45,87)
```
#2b3465
```
#2b3465 rgb(43,52,101)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#374281
```
#374281 rgb(55,66,129)
```
#3d498f
```
#3d498f rgb(61,73,143)
```
#43509c
```
#43509c rgb(67,80,156)
```
#4857aa
```
#4857aa rgb(72,87,170)
```

Shade Color Variation

#5160b5
```
#5160b5 rgb(81,96,181)
```
#5f6dbb
```
#5f6dbb rgb(95,109,187)
```
#6d79c1
```
#6d79c1 rgb(109,121,193)
```
#7a86c7
```
#7a86c7 rgb(122,134,199)
```
#8893cc
```
#8893cc rgb(136,147,204)
```
#969fd2
```
#969fd2 rgb(150,159,210)
```
#a4acd8
```
#a4acd8 rgb(164,172,216)
```
#b1b8de
```
#b1b8de rgb(177,184,222)
```
#bfc5e4
```
#bfc5e4 rgb(191,197,228)
```
#cdd1ea
```
#cdd1ea rgb(205,209,234)
```
#dbdef0
```
#dbdef0 rgb(219,222,240)
```
#e8eaf5
```
#e8eaf5 rgb(232,234,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#515153
```
#515153 rgb(81,81,83)
```
#4a4d5a
```
#4a4d5a rgb(74,77,90)
```
#444860
```
#444860 rgb(68,72,96)
```
#3e4466
```
#3e4466 rgb(62,68,102)
```
#373f6d
```
#373f6d rgb(55,63,109)
```
#313b73
```
#313b73 rgb(49,59,115)
```
#2b3779
```
#2b3779 rgb(43,55,121)
```
#243280
```
#243280 rgb(36,50,128)
```
#1e2e86
```
#1e2e86 rgb(30,46,134)
```
#18298c
```
#18298c rgb(24,41,140)
```
#112593
```
#112593 rgb(17,37,147)
```
#0b2199
```
#0b2199 rgb(11,33,153)
```
#051c9f
```
#051c9f rgb(5,28,159)
```

Tone Color Variation

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

Dichromacy

#2d477c Protanopia 1% of men
#1f4a78 Deuteranopia 1% of men
#294e54 Tritanopia 0.001% of the population

Trichromacy

#2e4378 Protanomaly 1% of men, 0.01% of women
#254476 Deuteranomaly 6% of men, 0.4% of women
#2c475f Tritanomaly 0.01% of the population

#313b73 hex color

#313b73 Color Information

#313b73 Color Conversion

Color Schemes with #313b73

Alternatives to #313b73

#313b73 Preview

Shades and Tints of #313b73

Tones of #313b73

Color Blindness Simulator