#313ace hex color

In a RGB color space, hex #313ace is composed of 19.2% red, 22.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 71.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 236.6 degrees, a saturation of 61.6% and a lightness of 50%. #313ace color hex could be obtained by blending #6274ff with #00009d. Closest websafe color is: #3333cc.

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

● #313ace color description : Strong blue.

The hexadecimal color #313ace has RGB values of R:49, G:58, B:206 and CMYK values of C:0.76, M:0.72, Y:0, K:0.19. Its decimal value is 3226318.

Hex triplet	313ace	`#313ace`
RGB Decimal	49, 58, 206	`rgb(49,58,206)`
RGB Percent	19.2, 22.7, 80.8	`rgb(19.2%,22.7%,80.8%)`
CMYK	76, 72, 0, 19
HSL	236.6°, 61.6, 50	`hsl(236.6,61.6%,50%)`
HSV (or HSB)	236.6°, 76.2, 80.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.261, 46.898, -76.603
XYZ	13.918, 8.134, 59.226
xyY	0.171, 0.1, 8.134
CIE-LCH	34.261, 89.819, 301.476
CIE-LUV	34.261, -9.051, -104.622
Hunter-Lab	28.521, 37.195, -103.155
Binary	00110001, 00111010, 11001110

#313ace
```
#313ace rgb(49,58,206)
```
#cec531
```
#cec531 rgb(206,197,49)
```

Complementary Color

#3189ce
```
#3189ce rgb(49,137,206)
```
#313ace
```
#313ace rgb(49,58,206)
```
#7731ce
```
#7731ce rgb(119,49,206)
```

Analogous Color

#89ce31
```
#89ce31 rgb(137,206,49)
```
#313ace
```
#313ace rgb(49,58,206)
```
#ce7731
```
#ce7731 rgb(206,119,49)
```

Split Complementary Color

#3ace31
```
#3ace31 rgb(58,206,49)
```
#313ace
```
#313ace rgb(49,58,206)
```
#ce313a
```
#ce313a rgb(206,49,58)
```

Triadic Color

#31cec5
```
#31cec5 rgb(49,206,197)
```
#313ace
```
#313ace rgb(49,58,206)
```
#ce313a
```
#ce313a rgb(206,49,58)
```
#cec531
```
#cec531 rgb(206,197,49)
```

Tetradic Color

#222990
```
#222990 rgb(34,41,144)
```
#272ea5
```
#272ea5 rgb(39,46,165)
```
#2c34b9
```
#2c34b9 rgb(44,52,185)
```
#313ace
```
#313ace rgb(49,58,206)
```
#464ed3
```
#464ed3 rgb(70,78,211)
```
#5a61d8
```
#5a61d8 rgb(90,97,216)
```
#6f75dd
```
#6f75dd rgb(111,117,221)
```

Monochromatic Color

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

#3161ce
```
#3161ce rgb(49,97,206)
```
#3154ce
```
#3154ce rgb(49,84,206)
```
#3147ce
```
#3147ce rgb(49,71,206)
```
#313ace
```
#313ace rgb(49,58,206)
```
#3531ce
```
#3531ce rgb(53,49,206)
```
#4231ce
```
#4231ce rgb(66,49,206)
```
#4f31ce
```
#4f31ce rgb(79,49,206)
```

Similar Colors

Text with hexadecimal color #313ace

This text has a font color of #313ace.

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

#313ace background color

This paragraph has a background color of #313ace.

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

#313ace border color

This element has a border color of #313ace.

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

CSS codes

.text {color:#313ace;}

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

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

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

#040410
```
#040410 rgb(4,4,16)
```
#080920
```
#080920 rgb(8,9,32)
```
#0b0d30
```
#0b0d30 rgb(11,13,48)
```
#0f123f
```
#0f123f rgb(15,18,63)
```
#13164f
```
#13164f rgb(19,22,79)
```
#171b5f
```
#171b5f rgb(23,27,95)
```
#1a1f6f
```
#1a1f6f rgb(26,31,111)
```
#1e247f
```
#1e247f rgb(30,36,127)
```
#22288f
```
#22288f rgb(34,40,143)
```
#262d9e
```
#262d9e rgb(38,45,158)
```
#2931ae
```
#2931ae rgb(41,49,174)
```
#2d36be
```
#2d36be rgb(45,54,190)
```
#313ace
```
#313ace rgb(49,58,206)
```

Shade Color Variation

#4149d2
```
#4149d2 rgb(65,73,210)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#6167d9
```
#6167d9 rgb(97,103,217)
```
#7077dd
```
#7077dd rgb(112,119,221)
```
#8086e1
```
#8086e1 rgb(128,134,225)
```
#9095e5
```
#9095e5 rgb(144,149,229)
```
#a0a4e8
```
#a0a4e8 rgb(160,164,232)
```
#b0b3ec
```
#b0b3ec rgb(176,179,236)
```
#c0c2f0
```
#c0c2f0 rgb(192,194,240)
```
#cfd2f4
```
#cfd2f4 rgb(207,210,244)
```
#dfe1f7
```
#dfe1f7 rgb(223,225,247)
```
#eff0fb
```
#eff0fb rgb(239,240,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7f80 is the less saturated color, while #0a17f5 is the most saturated one.

#7f7f80
```
#7f7f80 rgb(127,127,128)
```
#767789
```
#767789 rgb(118,119,137)
```
#6c6e93
```
#6c6e93 rgb(108,110,147)
```
#62659d
```
#62659d rgb(98,101,157)
```
#585da7
```
#585da7 rgb(88,93,167)
```
#4e54b1
```
#4e54b1 rgb(78,84,177)
```
#454bba
```
#454bba rgb(69,75,186)
```
#3b43c4
```
#3b43c4 rgb(59,67,196)
```
#313ace
```
#313ace rgb(49,58,206)
```
#2731d8
```
#2731d8 rgb(39,49,216)
```
#1d29e2
```
#1d29e2 rgb(29,41,226)
```
#1420eb
```
#1420eb rgb(20,32,235)
```
#0a17f5
```
#0a17f5 rgb(10,23,245)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#114cb6 Protanomaly 1% of men, 0.01% of women
#114fa8 Deuteranomaly 6% of men, 0.4% of women
#11538c Tritanomaly 0.01% of the population

#313ace hex color

#313ace Color Information

#313ace Color Conversion

Color Schemes with #313ace

Alternatives to #313ace

#313ace Preview

Shades and Tints of #313ace

Tones of #313ace

Color Blindness Simulator