#313ab6 hex color

In a RGB color space, hex #313ab6 is composed of 19.2% red, 22.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 68.1% magenta, 0% yellow and 28.6% black. It has a hue angle of 235.9 degrees, a saturation of 57.6% and a lightness of 45.3%. #313ab6 color hex could be obtained by blending #6274ff with #00006d. Closest websafe color is: #3333cc.

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

● #313ab6 color description : Moderate blue.

The hexadecimal color #313ab6 has RGB values of R:49, G:58, B:182 and CMYK values of C:0.73, M:0.68, Y:0, K:0.29. Its decimal value is 3226294.

Hex triplet	313ab6	`#313ab6`
RGB Decimal	49, 58, 182	`rgb(49,58,182)`
RGB Percent	19.2, 22.7, 71.4	`rgb(19.2%,22.7%,71.4%)`
CMYK	73, 68, 0, 29
HSL	235.9°, 57.6, 45.3	`hsl(235.9,57.6%,45.3%)`
HSV (or HSB)	235.9°, 73.1, 71.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.934, 38.676, -66.358
XYZ	11.221, 7.056, 45.024
xyY	0.177, 0.111, 7.056
CIE-LCH	31.934, 76.806, 300.236
CIE-LUV	31.934, -8.225, -89.866
Hunter-Lab	26.563, 28.923, -81.903
Binary	00110001, 00111010, 10110110

#313ab6
```
#313ab6 rgb(49,58,182)
```
#b6ad31
```
#b6ad31 rgb(182,173,49)
```

Complementary Color

#317db6
```
#317db6 rgb(49,125,182)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#6b31b6
```
#6b31b6 rgb(107,49,182)
```

Analogous Color

#7db631
```
#7db631 rgb(125,182,49)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#b66b31
```
#b66b31 rgb(182,107,49)
```

Split Complementary Color

#3ab631
```
#3ab631 rgb(58,182,49)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#b6313a
```
#b6313a rgb(182,49,58)
```

Triadic Color

#31b6ad
```
#31b6ad rgb(49,182,173)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#b6313a
```
#b6313a rgb(182,49,58)
```
#b6ad31
```
#b6ad31 rgb(182,173,49)
```

Tetradic Color

#21277a
```
#21277a rgb(33,39,122)
```
#262d8e
```
#262d8e rgb(38,45,142)
```
#2c34a2
```
#2c34a2 rgb(44,52,162)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#3741c9
```
#3741c9 rgb(55,65,201)
```
#4b54cf
```
#4b54cf rgb(75,84,207)
```
#5f67d4
```
#5f67d4 rgb(95,103,212)
```

Monochromatic Color

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

#315bb6
```
#315bb6 rgb(49,91,182)
```
#3150b6
```
#3150b6 rgb(49,80,182)
```
#3145b6
```
#3145b6 rgb(49,69,182)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#3331b6
```
#3331b6 rgb(51,49,182)
```
#3e31b6
```
#3e31b6 rgb(62,49,182)
```
#4931b6
```
#4931b6 rgb(73,49,182)
```

Similar Colors

Text with hexadecimal color #313ab6

This text has a font color of #313ab6.

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

#313ab6 background color

This paragraph has a background color of #313ab6.

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

#313ab6 border color

This element has a border color of #313ab6.

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

CSS codes

.text {color:#313ab6;}

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

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

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

#03040c
```
#03040c rgb(3,4,12)
```
#07091b
```
#07091b rgb(7,9,27)
```
#0c0e2b
```
#0c0e2b rgb(12,14,43)
```
#10133a
```
#10133a rgb(16,19,58)
```
#14184a
```
#14184a rgb(20,24,74)
```
#181c59
```
#181c59 rgb(24,28,89)
```
#1c2169
```
#1c2169 rgb(28,33,105)
```
#202678
```
#202678 rgb(32,38,120)
```
#252b88
```
#252b88 rgb(37,43,136)
```
#293097
```
#293097 rgb(41,48,151)
```
#2d35a7
```
#2d35a7 rgb(45,53,167)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#353fc5
```
#353fc5 rgb(53,63,197)
```

Shade Color Variation

#424bcc
```
#424bcc rgb(66,75,204)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#6169d4
```
#6169d4 rgb(97,105,212)
```
#7078d9
```
#7078d9 rgb(112,120,217)
```
#8086dd
```
#8086dd rgb(128,134,221)
```
#8f95e1
```
#8f95e1 rgb(143,149,225)
```
#9fa4e5
```
#9fa4e5 rgb(159,164,229)
```
#aeb2e9
```
#aeb2e9 rgb(174,178,233)
```
#bec1ed
```
#bec1ed rgb(190,193,237)
```
#cdd0f2
```
#cdd0f2 rgb(205,208,242)
```
#dddef6
```
#dddef6 rgb(221,222,246)
```
#ecedfa
```
#ecedfa rgb(236,237,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#6f7078
```
#6f7078 rgb(111,112,120)
```
#666881
```
#666881 rgb(102,104,129)
```
#5d608a
```
#5d608a rgb(93,96,138)
```
#555992
```
#555992 rgb(85,89,146)
```
#4c519b
```
#4c519b rgb(76,81,155)
```
#4349a4
```
#4349a4 rgb(67,73,164)
```
#3a42ad
```
#3a42ad rgb(58,66,173)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#2832bf
```
#2832bf rgb(40,50,191)
```
#1f2bc8
```
#1f2bc8 rgb(31,43,200)
```
#1623d1
```
#1623d1 rgb(22,35,209)
```
#0d1bda
```
#0d1bda rgb(13,27,218)
```
#0514e2
```
#0514e2 rgb(5,20,226)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#41435c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00568b Deuteranopia 1% of men
#005c62 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

#313ab6 hex color

#313ab6 Color Information

#313ab6 Color Conversion

Color Schemes with #313ab6

Alternatives to #313ab6

#313ab6 Preview

Shades and Tints of #313ab6

Tones of #313ab6

Color Blindness Simulator