#313ab8 hex color

In a RGB color space, hex #313ab8 is composed of 19.2% red, 22.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 68.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 236 degrees, a saturation of 57.9% and a lightness of 45.7%. #313ab8 color hex could be obtained by blending #6274ff with #000071. 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

● #313ab8 color description : Moderate blue.

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

Hex triplet	313ab8	`#313ab8`
RGB Decimal	49, 58, 184	`rgb(49,58,184)`
RGB Percent	19.2, 22.7, 72.2	`rgb(19.2%,22.7%,72.2%)`
CMYK	73, 68, 0, 28
HSL	236°, 57.9, 45.7	`hsl(236,57.9%,45.7%)`
HSV (or HSB)	236°, 73.4, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.121, 39.374, -67.234
XYZ	11.43, 7.139, 46.12
xyY	0.177, 0.11, 7.139
CIE-LCH	32.121, 77.915, 300.355
CIE-LUV	32.121, -8.294, -91.12
Hunter-Lab	26.719, 29.599, -83.639
Binary	00110001, 00111010, 10111000

#313ab8
```
#313ab8 rgb(49,58,184)
```
#b8af31
```
#b8af31 rgb(184,175,49)
```

Complementary Color

#317eb8
```
#317eb8 rgb(49,126,184)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#6c31b8
```
#6c31b8 rgb(108,49,184)
```

Analogous Color

#7eb831
```
#7eb831 rgb(126,184,49)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#b86c31
```
#b86c31 rgb(184,108,49)
```

Split Complementary Color

#3ab831
```
#3ab831 rgb(58,184,49)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#b8313a
```
#b8313a rgb(184,49,58)
```

Triadic Color

#31b8af
```
#31b8af rgb(49,184,175)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#b8313a
```
#b8313a rgb(184,49,58)
```
#b8af31
```
#b8af31 rgb(184,175,49)
```

Tetradic Color

#21277c
```
#21277c rgb(33,39,124)
```
#262d90
```
#262d90 rgb(38,45,144)
```
#2c34a4
```
#2c34a4 rgb(44,52,164)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#3842ca
```
#3842ca rgb(56,66,202)
```
#4d55cf
```
#4d55cf rgb(77,85,207)
```
#6168d5
```
#6168d5 rgb(97,104,213)
```

Monochromatic Color

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

#315cb8
```
#315cb8 rgb(49,92,184)
```
#3151b8
```
#3151b8 rgb(49,81,184)
```
#3145b8
```
#3145b8 rgb(49,69,184)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#3331b8
```
#3331b8 rgb(51,49,184)
```
#3f31b8
```
#3f31b8 rgb(63,49,184)
```
#4a31b8
```
#4a31b8 rgb(74,49,184)
```

Similar Colors

Text with hexadecimal color #313ab8

This text has a font color of #313ab8.

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

#313ab8 background color

This paragraph has a background color of #313ab8.

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

#313ab8 border color

This element has a border color of #313ab8.

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

CSS codes

.text {color:#313ab8;}

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

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

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, #04040e is the darkest color, while #fdfdfe is the lightest one.

#04040e
```
#04040e rgb(4,4,14)
```
#08091d
```
#08091d rgb(8,9,29)
```
#0c0e2d
```
#0c0e2d rgb(12,14,45)
```
#10133c
```
#10133c rgb(16,19,60)
```
#14184c
```
#14184c rgb(20,24,76)
```
#181d5b
```
#181d5b rgb(24,29,91)
```
#1c226b
```
#1c226b rgb(28,34,107)
```
#20267a
```
#20267a rgb(32,38,122)
```
#252b8a
```
#252b8a rgb(37,43,138)
```
#293099
```
#293099 rgb(41,48,153)
```
#2d35a9
```
#2d35a9 rgb(45,53,169)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#353fc7
```
#353fc7 rgb(53,63,199)
```

Shade Color Variation

#434ccd
```
#434ccd rgb(67,76,205)
```
#535bd1
```
#535bd1 rgb(83,91,209)
```
#626ad5
```
#626ad5 rgb(98,106,213)
```
#7279d9
```
#7279d9 rgb(114,121,217)
```
#8187dd
```
#8187dd rgb(129,135,221)
```
#9196e2
```
#9196e2 rgb(145,150,226)
```
#a0a5e6
```
#a0a5e6 rgb(160,165,230)
```
#b0b4ea
```
#b0b4ea rgb(176,180,234)
```
#bfc2ee
```
#bfc2ee rgb(191,194,238)
```
#cfd1f2
```
#cfd1f2 rgb(207,209,242)
```
#dee0f6
```
#dee0f6 rgb(222,224,246)
```
#eeeefa
```
#eeeefa rgb(238,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#707079
```
#707079 rgb(112,112,121)
```
#676982
```
#676982 rgb(103,105,130)
```
#5e618b
```
#5e618b rgb(94,97,139)
```
#555994
```
#555994 rgb(85,89,148)
```
#4c519d
```
#4c519d rgb(76,81,157)
```
#434aa6
```
#434aa6 rgb(67,74,166)
```
#3a42af
```
#3a42af rgb(58,66,175)
```
#313ab8
```
#313ab8 rgb(49,58,184)
```
#2832c1
```
#2832c1 rgb(40,50,193)
```
#1f2aca
```
#1f2aca rgb(31,42,202)
```
#1623d3
```
#1623d3 rgb(22,35,211)
```
#0d1bdc
```
#0d1bdc rgb(13,27,220)
```
#0413e5
```
#0413e5 rgb(4,19,229)
```

Tone Color Variation

Below, you can see how #313ab8 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
#00578b Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

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

#313ab8 hex color

#313ab8 Color Information

#313ab8 Color Conversion

Color Schemes with #313ab8

Alternatives to #313ab8

#313ab8 Preview

Shades and Tints of #313ab8

Tones of #313ab8

Color Blindness Simulator