#313ab7 hex color

In a RGB color space, hex #313ab7 is composed of 19.2% red, 22.7% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 68.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 236 degrees, a saturation of 57.8% and a lightness of 45.5%. #313ab7 color hex could be obtained by blending #6274ff with #00006f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 23
- B 72
RGB color chart
- C 73
- M 68
- Y 0
- K 28
CMYK color chart

● #313ab7 color description : Moderate blue.

The hexadecimal color #313ab7 has RGB values of R:49, G:58, B:183 and CMYK values of C:0.73, M:0.68, Y:0, K:0.28. Its decimal value is 3226295.

Hex triplet	313ab7	`#313ab7`
RGB Decimal	49, 58, 183	`rgb(49,58,183)`
RGB Percent	19.2, 22.7, 71.8	`rgb(19.2%,22.7%,71.8%)`
CMYK	73, 68, 0, 28
HSL	236°, 57.8, 45.5	`hsl(236,57.8%,45.5%)`
HSV (or HSB)	236°, 73.2, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.027, 39.026, -66.796
XYZ	11.325, 7.097, 45.57
xyY	0.177, 0.111, 7.097
CIE-LCH	32.027, 77.361, 300.296
CIE-LUV	32.027, -8.259, -90.494
Hunter-Lab	26.641, 29.261, -82.77
Binary	00110001, 00111010, 10110111

#313ab7
```
#313ab7 rgb(49,58,183)
```
#b7ae31
```
#b7ae31 rgb(183,174,49)
```

Complementary Color

#317db7
```
#317db7 rgb(49,125,183)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#6b31b7
```
#6b31b7 rgb(107,49,183)
```

Analogous Color

#7db731
```
#7db731 rgb(125,183,49)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#b76b31
```
#b76b31 rgb(183,107,49)
```

Split Complementary Color

#3ab731
```
#3ab731 rgb(58,183,49)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#b7313a
```
#b7313a rgb(183,49,58)
```

Triadic Color

#31b7ae
```
#31b7ae rgb(49,183,174)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#b7313a
```
#b7313a rgb(183,49,58)
```
#b7ae31
```
#b7ae31 rgb(183,174,49)
```

Tetradic Color

#21277b
```
#21277b rgb(33,39,123)
```
#262d8f
```
#262d8f rgb(38,45,143)
```
#2c34a3
```
#2c34a3 rgb(44,52,163)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#3842ca
```
#3842ca rgb(56,66,202)
```
#4c55cf
```
#4c55cf rgb(76,85,207)
```
#6068d4
```
#6068d4 rgb(96,104,212)
```

Monochromatic Color

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

#315cb7
```
#315cb7 rgb(49,92,183)
```
#3150b7
```
#3150b7 rgb(49,80,183)
```
#3145b7
```
#3145b7 rgb(49,69,183)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#3331b7
```
#3331b7 rgb(51,49,183)
```
#3e31b7
```
#3e31b7 rgb(62,49,183)
```
#4a31b7
```
#4a31b7 rgb(74,49,183)
```

Similar Colors

Text with hexadecimal color #313ab7

This text has a font color of #313ab7.

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

#313ab7 background color

This paragraph has a background color of #313ab7.

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

#313ab7 border color

This element has a border color of #313ab7.

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

CSS codes

.text {color:#313ab7;}

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

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

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

#03040d
```
#03040d rgb(3,4,13)
```
#08091c
```
#08091c rgb(8,9,28)
```
#0c0e2c
```
#0c0e2c rgb(12,14,44)
```
#10133b
```
#10133b rgb(16,19,59)
```
#14184b
```
#14184b rgb(20,24,75)
```
#181d5a
```
#181d5a rgb(24,29,90)
```
#1c216a
```
#1c216a rgb(28,33,106)
```
#202679
```
#202679 rgb(32,38,121)
```
#252b89
```
#252b89 rgb(37,43,137)
```
#293098
```
#293098 rgb(41,48,152)
```
#2d35a8
```
#2d35a8 rgb(45,53,168)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#353fc6
```
#353fc6 rgb(53,63,198)
```

Shade Color Variation

#434ccd
```
#434ccd rgb(67,76,205)
```
#525bd1
```
#525bd1 rgb(82,91,209)
```
#6269d5
```
#6269d5 rgb(98,105,213)
```
#7178d9
```
#7178d9 rgb(113,120,217)
```
#8187dd
```
#8187dd rgb(129,135,221)
```
#9095e1
```
#9095e1 rgb(144,149,225)
```
#9fa4e5
```
#9fa4e5 rgb(159,164,229)
```
#afb3ea
```
#afb3ea rgb(175,179,234)
```
#bec2ee
```
#bec2ee rgb(190,194,238)
```
#ced0f2
```
#ced0f2 rgb(206,208,242)
```
#dddff6
```
#dddff6 rgb(221,223,246)
```
#edeefa
```
#edeefa rgb(237,238,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#6f7079
```
#6f7079 rgb(111,112,121)
```
#676881
```
#676881 rgb(103,104,129)
```
#5e618a
```
#5e618a rgb(94,97,138)
```
#555993
```
#555993 rgb(85,89,147)
```
#4c519c
```
#4c519c rgb(76,81,156)
```
#4349a5
```
#4349a5 rgb(67,73,165)
```
#3a42ae
```
#3a42ae rgb(58,66,174)
```
#313ab7
```
#313ab7 rgb(49,58,183)
```
#2832c0
```
#2832c0 rgb(40,50,192)
```
#1f2bc9
```
#1f2bc9 rgb(31,43,201)
```
#1623d2
```
#1623d2 rgb(22,35,210)
```
#0d1bdb
```
#0d1bdb rgb(13,27,219)
```
#0413e4
```
#0413e4 rgb(4,19,228)
```

Tone Color Variation

Below, you can see how #313ab7 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
#42445d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1149a8 Protanomaly 1% of men, 0.01% of women
#114c9b Deuteranomaly 6% of men, 0.4% of women
#115081 Tritanomaly 0.01% of the population

#313ab7 hex color

#313ab7 Color Information

#313ab7 Color Conversion

Color Schemes with #313ab7

Alternatives to #313ab7

#313ab7 Preview

Shades and Tints of #313ab7

Tones of #313ab7

Color Blindness Simulator