#312ace hex color

In a RGB color space, hex #312ace is composed of 19.2% red, 16.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 79.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 242.6 degrees, a saturation of 66.1% and a lightness of 48.6%. #312ace color hex could be obtained by blending #6254ff with #00009d. Closest websafe color is: #3333cc.

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

● #312ace color description : Strong blue.

The hexadecimal color #312ace has RGB values of R:49, G:42, B:206 and CMYK values of C:0.76, M:0.8, Y:0, K:0.19. Its decimal value is 3222222.

Hex triplet	312ace	`#312ace`
RGB Decimal	49, 42, 206	`rgb(49,42,206)`
RGB Percent	19.2, 16.5, 80.8	`rgb(19.2%,16.5%,80.8%)`
CMYK	76, 80, 0, 19
HSL	242.6°, 66.1, 48.6	`hsl(242.6,66.1%,48.6%)`
HSV (or HSB)	242.6°, 79.6, 80.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.264, 55.42, -81.56
XYZ	13.233, 6.764, 58.997
xyY	0.168, 0.086, 6.764
CIE-LCH	31.264, 98.607, 304.196
CIE-LUV	31.264, -6.655, -105.521
Hunter-Lab	26.008, 45.306, -116.288
Binary	00110001, 00101010, 11001110

#312ace
```
#312ace rgb(49,42,206)
```
#c7ce2a
```
#c7ce2a rgb(199,206,42)
```

Complementary Color

#2a75ce
```
#2a75ce rgb(42,117,206)
```
#312ace
```
#312ace rgb(49,42,206)
```
#832ace
```
#832ace rgb(131,42,206)
```

Analogous Color

#75ce2a
```
#75ce2a rgb(117,206,42)
```
#312ace
```
#312ace rgb(49,42,206)
```
#ce832a
```
#ce832a rgb(206,131,42)
```

Split Complementary Color

#2ace31
```
#2ace31 rgb(42,206,49)
```
#312ace
```
#312ace rgb(49,42,206)
```
#ce312a
```
#ce312a rgb(206,49,42)
```

Triadic Color

#2ac7ce
```
#2ac7ce rgb(42,199,206)
```
#312ace
```
#312ace rgb(49,42,206)
```
#ce312a
```
#ce312a rgb(206,49,42)
```
#c7ce2a
```
#c7ce2a rgb(199,206,42)
```

Tetradic Color

#221d8e
```
#221d8e rgb(34,29,142)
```
#2721a4
```
#2721a4 rgb(39,33,164)
```
#2c26b9
```
#2c26b9 rgb(44,38,185)
```
#312ace
```
#312ace rgb(49,42,206)
```
#413bd7
```
#413bd7 rgb(65,59,215)
```
#5650db
```
#5650db rgb(86,80,219)
```
#6a65e0
```
#6a65e0 rgb(106,101,224)
```

Monochromatic Color

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

#2a4cce
```
#2a4cce rgb(42,76,206)
```
#2a3ece
```
#2a3ece rgb(42,62,206)
```
#2a31ce
```
#2a31ce rgb(42,49,206)
```
#312ace
```
#312ace rgb(49,42,206)
```
#3f2ace
```
#3f2ace rgb(63,42,206)
```
#4c2ace
```
#4c2ace rgb(76,42,206)
```
#5a2ace
```
#5a2ace rgb(90,42,206)
```

Similar Colors

Text with hexadecimal color #312ace

This text has a font color of #312ace.

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

#312ace background color

This paragraph has a background color of #312ace.

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

#312ace border color

This element has a border color of #312ace.

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

CSS codes

.text {color:#312ace;}

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

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

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, #02020a is the darkest color, while #f9f9fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#06051b
```
#06051b rgb(6,5,27)
```
#0a092b
```
#0a092b rgb(10,9,43)
```
#0e0c3b
```
#0e0c3b rgb(14,12,59)
```
#120f4c
```
#120f4c rgb(18,15,76)
```
#16135c
```
#16135c rgb(22,19,92)
```
#1a166c
```
#1a166c rgb(26,22,108)
```
#1e197d
```
#1e197d rgb(30,25,125)
```
#211d8d
```
#211d8d rgb(33,29,141)
```
#25209d
```
#25209d rgb(37,32,157)
```
#2923ad
```
#2923ad rgb(41,35,173)
```
#2d27be
```
#2d27be rgb(45,39,190)
```
#312ace
```
#312ace rgb(49,42,206)
```

Shade Color Variation

#3d36d6
```
#3d36d6 rgb(61,54,214)
```
#4c46d9
```
#4c46d9 rgb(76,70,217)
```
#5c56dd
```
#5c56dd rgb(92,86,221)
```
#6c67e0
```
#6c67e0 rgb(108,103,224)
```
#7b77e3
```
#7b77e3 rgb(123,119,227)
```
#8b87e7
```
#8b87e7 rgb(139,135,231)
```
#9b97ea
```
#9b97ea rgb(155,151,234)
```
#aba8ed
```
#aba8ed rgb(171,168,237)
```
#bab8f1
```
#bab8f1 rgb(186,184,241)
```
#cac8f4
```
#cac8f4 rgb(202,200,244)
```
#dad9f7
```
#dad9f7 rgb(218,217,247)
```
#eae9fa
```
#eae9fa rgb(234,233,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#777682
```
#777682 rgb(119,118,130)
```
#6e6d8b
```
#6e6d8b rgb(110,109,139)
```
#656395
```
#656395 rgb(101,99,149)
```
#5d5a9e
```
#5d5a9e rgb(93,90,158)
```
#5450a8
```
#5450a8 rgb(84,80,168)
```
#4b47b1
```
#4b47b1 rgb(75,71,177)
```
#423dbb
```
#423dbb rgb(66,61,187)
```
#3a34c4
```
#3a34c4 rgb(58,52,196)
```
#312ace
```
#312ace rgb(49,42,206)
```
#2820d8
```
#2820d8 rgb(40,32,216)
```
#2017e1
```
#2017e1 rgb(32,23,225)
```
#170deb
```
#170deb rgb(23,13,235)
```
#0e04f4
```
#0e04f4 rgb(14,4,244)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#1142ae Protanomaly 1% of men, 0.01% of women
#1145a1 Deuteranomaly 6% of men, 0.4% of women
#114987 Tritanomaly 0.01% of the population

#312ace hex color

#312ace Color Information

#312ace Color Conversion

Color Schemes with #312ace

Alternatives to #312ace

#312ace Preview

Shades and Tints of #312ace

Tones of #312ace

Color Blindness Simulator