#313bb5 hex color

In a RGB color space, hex #313bb5 is composed of 19.2% red, 23.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 67.4% magenta, 0% yellow and 29% black. It has a hue angle of 235.5 degrees, a saturation of 57.4% and a lightness of 45.1%. #313bb5 color hex could be obtained by blending #6276ff with #00006b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 23
- B 71
RGB color chart
- C 73
- M 67
- Y 0
- K 29
CMYK color chart

● #313bb5 color description : Moderate blue.

The hexadecimal color #313bb5 has RGB values of R:49, G:59, B:181 and CMYK values of C:0.73, M:0.67, Y:0, K:0.29. Its decimal value is 3226549.

Hex triplet	313bb5	`#313bb5`
RGB Decimal	49, 59, 181	`rgb(49,59,181)`
RGB Percent	19.2, 23.1, 71	`rgb(19.2%,23.1%,71%)`
CMYK	73, 67, 0, 29
HSL	235.5°, 57.4, 45.1	`hsl(235.5,57.4%,45.1%)`
HSV (or HSB)	235.5°, 72.9, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.07, 37.706, -65.54
XYZ	11.169, 7.116, 44.498
xyY	0.178, 0.113, 7.116
CIE-LCH	32.07, 75.612, 299.913
CIE-LUV	32.07, -8.394, -89.046
Hunter-Lab	26.677, 28.053, -80.226
Binary	00110001, 00111011, 10110101

#313bb5
```
#313bb5 rgb(49,59,181)
```
#b5ab31
```
#b5ab31 rgb(181,171,49)
```

Complementary Color

#317db5
```
#317db5 rgb(49,125,181)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#6931b5
```
#6931b5 rgb(105,49,181)
```

Analogous Color

#7db531
```
#7db531 rgb(125,181,49)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#b56931
```
#b56931 rgb(181,105,49)
```

Split Complementary Color

#3bb531
```
#3bb531 rgb(59,181,49)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#b5313b
```
#b5313b rgb(181,49,59)
```

Triadic Color

#31b5ab
```
#31b5ab rgb(49,181,171)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#b5313b
```
#b5313b rgb(181,49,59)
```
#b5ab31
```
#b5ab31 rgb(181,171,49)
```

Tetradic Color

#212779
```
#212779 rgb(33,39,121)
```
#262e8d
```
#262e8d rgb(38,46,141)
```
#2c34a1
```
#2c34a1 rgb(44,52,161)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#3742c9
```
#3742c9 rgb(55,66,201)
```
#4b55ce
```
#4b55ce rgb(75,85,206)
```
#5f68d4
```
#5f68d4 rgb(95,104,212)
```

Monochromatic Color

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

#315cb5
```
#315cb5 rgb(49,92,181)
```
#3151b5
```
#3151b5 rgb(49,81,181)
```
#3146b5
```
#3146b5 rgb(49,70,181)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#3231b5
```
#3231b5 rgb(50,49,181)
```
#3d31b5
```
#3d31b5 rgb(61,49,181)
```
#4831b5
```
#4831b5 rgb(72,49,181)
```

Similar Colors

Text with hexadecimal color #313bb5

This text has a font color of #313bb5.

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

#313bb5 background color

This paragraph has a background color of #313bb5.

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

#313bb5 border color

This element has a border color of #313bb5.

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

CSS codes

.text {color:#313bb5;}

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

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

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

#03040b
```
#03040b rgb(3,4,11)
```
#07091b
```
#07091b rgb(7,9,27)
```
#0b0e2a
```
#0b0e2a rgb(11,14,42)
```
#10133a
```
#10133a rgb(16,19,58)
```
#141849
```
#141849 rgb(20,24,73)
```
#181d58
```
#181d58 rgb(24,29,88)
```
#1c2268
```
#1c2268 rgb(28,34,104)
```
#202777
```
#202777 rgb(32,39,119)
```
#242c87
```
#242c87 rgb(36,44,135)
```
#293196
```
#293196 rgb(41,49,150)
```
#2d36a6
```
#2d36a6 rgb(45,54,166)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#3540c4
```
#3540c4 rgb(53,64,196)
```

Shade Color Variation

#424ccc
```
#424ccc rgb(66,76,204)
```
#515bd0
```
#515bd0 rgb(81,91,208)
```
#6069d4
```
#6069d4 rgb(96,105,212)
```
#7078d8
```
#7078d8 rgb(112,120,216)
```
#7f86dc
```
#7f86dc rgb(127,134,220)
```
#8f95e1
```
#8f95e1 rgb(143,149,225)
```
#9ea3e5
```
#9ea3e5 rgb(158,163,229)
```
#aeb2e9
```
#aeb2e9 rgb(174,178,233)
```
#bdc1ed
```
#bdc1ed rgb(189,193,237)
```
#cccff1
```
#cccff1 rgb(204,207,241)
```
#dcdef5
```
#dcdef5 rgb(220,222,245)
```
#ebecfa
```
#ebecfa rgb(235,236,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7077 is the less saturated color, while #0515e1 is the most saturated one.

#6f7077
```
#6f7077 rgb(111,112,119)
```
#666880
```
#666880 rgb(102,104,128)
```
#5d6189
```
#5d6189 rgb(93,97,137)
```
#545992
```
#545992 rgb(84,89,146)
```
#4c529a
```
#4c529a rgb(76,82,154)
```
#434aa3
```
#434aa3 rgb(67,74,163)
```
#3a43ac
```
#3a43ac rgb(58,67,172)
```
#313bb5
```
#313bb5 rgb(49,59,181)
```
#2833be
```
#2833be rgb(40,51,190)
```
#1f2cc7
```
#1f2cc7 rgb(31,44,199)
```
#1624d0
```
#1624d0 rgb(22,36,208)
```
#0e1dd8
```
#0e1dd8 rgb(14,29,216)
```
#0515e1
```
#0515e1 rgb(5,21,225)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42445c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1149a7 Protanomaly 1% of men, 0.01% of women
#114c9a Deuteranomaly 6% of men, 0.4% of women
#115080 Tritanomaly 0.01% of the population

#313bb5 hex color

#313bb5 Color Information

#313bb5 Color Conversion

Color Schemes with #313bb5

Alternatives to #313bb5

#313bb5 Preview

Shades and Tints of #313bb5

Tones of #313bb5

Color Blindness Simulator