#313b72 hex color

In a RGB color space, hex #313b72 is composed of 19.2% red, 23.1% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 48.2% magenta, 0% yellow and 55.3% black. It has a hue angle of 230.8 degrees, a saturation of 39.9% and a lightness of 32%. #313b72 color hex could be obtained by blending #6276e4 with #000000. Closest websafe color is: #333366.

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

● #313b72 color description : Very dark desaturated blue.

The hexadecimal color #313b72 has RGB values of R:49, G:59, B:114 and CMYK values of C:0.57, M:0.48, Y:0, K:0.55. Its decimal value is 3226482.

Hex triplet	313b72	`#313b72`
RGB Decimal	49, 59, 114	`rgb(49,59,114)`
RGB Percent	19.2, 23.1, 44.7	`rgb(19.2%,23.1%,44.7%)`
CMYK	57, 48, 0, 55
HSL	230.8°, 39.9, 32	`hsl(230.8,39.9%,32%)`
HSV (or HSB)	230.8°, 57, 44.7
Web Safe	333366	`#333366`

CIE-LAB	26.722, 13.46, -33.128
XYZ	5.867, 4.996, 16.574
xyY	0.214, 0.182, 4.996
CIE-LCH	26.722, 35.758, 292.112
CIE-LUV	26.722, -6.264, -43.032
Hunter-Lab	22.351, 7.744, -28.32
Binary	00110001, 00111011, 01110010

#313b72
```
#313b72 rgb(49,59,114)
```
#726831
```
#726831 rgb(114,104,49)
```

Complementary Color

#315c72
```
#315c72 rgb(49,92,114)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#483172
```
#483172 rgb(72,49,114)
```

Analogous Color

#5c7231
```
#5c7231 rgb(92,114,49)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#724831
```
#724831 rgb(114,72,49)
```

Split Complementary Color

#3b7231
```
#3b7231 rgb(59,114,49)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#72313b
```
#72313b rgb(114,49,59)
```

Triadic Color

#317268
```
#317268 rgb(49,114,104)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#72313b
```
#72313b rgb(114,49,59)
```
#726831
```
#726831 rgb(114,104,49)
```

Tetradic Color

#1a1f3c
```
#1a1f3c rgb(26,31,60)
```
#22294e
```
#22294e rgb(34,41,78)
```
#293260
```
#293260 rgb(41,50,96)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#394484
```
#394484 rgb(57,68,132)
```
#404d96
```
#404d96 rgb(64,77,150)
```
#4857a8
```
#4857a8 rgb(72,87,168)
```

Monochromatic Color

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

#314b72
```
#314b72 rgb(49,75,114)
```
#314672
```
#314672 rgb(49,70,114)
```
#314072
```
#314072 rgb(49,64,114)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#313672
```
#313672 rgb(49,54,114)
```
#323172
```
#323172 rgb(50,49,114)
```
#373172
```
#373172 rgb(55,49,114)
```

Similar Colors

Text with hexadecimal color #313b72

This text has a font color of #313b72.

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

#313b72 background color

This paragraph has a background color of #313b72.

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

#313b72 border color

This element has a border color of #313b72.

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

CSS codes

.text {color:#313b72;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080912
```
#080912 rgb(8,9,18)
```
#0e1020
```
#0e1020 rgb(14,16,32)
```
#14172d
```
#14172d rgb(20,23,45)
```
#191f3b
```
#191f3b rgb(25,31,59)
```
#1f2649
```
#1f2649 rgb(31,38,73)
```
#252d57
```
#252d57 rgb(37,45,87)
```
#2b3464
```
#2b3464 rgb(43,52,100)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#374280
```
#374280 rgb(55,66,128)
```
#3d498d
```
#3d498d rgb(61,73,141)
```
#43509b
```
#43509b rgb(67,80,155)
```
#4957a9
```
#4957a9 rgb(73,87,169)
```

Shade Color Variation

#5160b4
```
#5160b4 rgb(81,96,180)
```
#5f6dba
```
#5f6dba rgb(95,109,186)
```
#6c79c0
```
#6c79c0 rgb(108,121,192)
```
#7a86c6
```
#7a86c6 rgb(122,134,198)
```
#8892cc
```
#8892cc rgb(136,146,204)
```
#969fd2
```
#969fd2 rgb(150,159,210)
```
#a3abd8
```
#a3abd8 rgb(163,171,216)
```
#b1b8dd
```
#b1b8dd rgb(177,184,221)
```
#bfc4e3
```
#bfc4e3 rgb(191,196,227)
```
#ccd1e9
```
#ccd1e9 rgb(204,209,233)
```
#daddef
```
#daddef rgb(218,221,239)
```
#e8eaf5
```
#e8eaf5 rgb(232,234,245)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#505153
```
#505153 rgb(80,81,83)
```
#4a4c59
```
#4a4c59 rgb(74,76,89)
```
#44485f
```
#44485f rgb(68,72,95)
```
#3e4465
```
#3e4465 rgb(62,68,101)
```
#373f6c
```
#373f6c rgb(55,63,108)
```
#313b72
```
#313b72 rgb(49,59,114)
```
#2b3778
```
#2b3778 rgb(43,55,120)
```
#24327f
```
#24327f rgb(36,50,127)
```
#1e2e85
```
#1e2e85 rgb(30,46,133)
```
#182a8b
```
#182a8b rgb(24,42,139)
```
#122591
```
#122591 rgb(18,37,145)
```
#0b2198
```
#0b2198 rgb(11,33,152)
```
#051d9e
```
#051d9e rgb(5,29,158)
```

Tone Color Variation

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

Dichromacy

#2e477b Protanopia 1% of men
#214977 Deuteranopia 1% of men
#2a4e54 Tritanopia 0.001% of the population

Trichromacy

#2f4277 Protanomaly 1% of men, 0.01% of women
#274475 Deuteranomaly 6% of men, 0.4% of women
#2c475e Tritanomaly 0.01% of the population

#313b72 hex color

#313b72 Color Information

#313b72 Color Conversion

Color Schemes with #313b72

Alternatives to #313b72

#313b72 Preview

Shades and Tints of #313b72

Tones of #313b72

Color Blindness Simulator