#312acd hex color

In a RGB color space, hex #312acd is composed of 19.2% red, 16.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 79.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 242.6 degrees, a saturation of 66% and a lightness of 48.4%. #312acd color hex could be obtained by blending #6254ff with #00009b. Closest websafe color is: #3333cc.

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

● #312acd color description : Strong blue.

The hexadecimal color #312acd has RGB values of R:49, G:42, B:205 and CMYK values of C:0.76, M:0.8, Y:0, K:0.2. Its decimal value is 3222221.

Hex triplet	312acd	`#312acd`
RGB Decimal	49, 42, 205	`rgb(49,42,205)`
RGB Percent	19.2, 16.5, 80.4	`rgb(19.2%,16.5%,80.4%)`
CMYK	76, 80, 0, 20
HSL	242.6°, 66, 48.4	`hsl(242.6,66%,48.4%)`
HSV (or HSB)	242.6°, 79.5, 80.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.151, 55.114, -81.165
XYZ	13.112, 6.716, 58.36
xyY	0.168, 0.086, 6.716
CIE-LCH	31.151, 98.109, 304.178
CIE-LUV	31.151, -6.607, -104.942
Hunter-Lab	25.915, 44.962, -115.378
Binary	00110001, 00101010, 11001101

#312acd
```
#312acd rgb(49,42,205)
```
#c6cd2a
```
#c6cd2a rgb(198,205,42)
```

Complementary Color

#2a75cd
```
#2a75cd rgb(42,117,205)
```
#312acd
```
#312acd rgb(49,42,205)
```
#832acd
```
#832acd rgb(131,42,205)
```

Analogous Color

#75cd2a
```
#75cd2a rgb(117,205,42)
```
#312acd
```
#312acd rgb(49,42,205)
```
#cd832a
```
#cd832a rgb(205,131,42)
```

Split Complementary Color

#2acd31
```
#2acd31 rgb(42,205,49)
```
#312acd
```
#312acd rgb(49,42,205)
```
#cd312a
```
#cd312a rgb(205,49,42)
```

Triadic Color

#2ac6cd
```
#2ac6cd rgb(42,198,205)
```
#312acd
```
#312acd rgb(49,42,205)
```
#cd312a
```
#cd312a rgb(205,49,42)
```
#c6cd2a
```
#c6cd2a rgb(198,205,42)
```

Tetradic Color

#221d8e
```
#221d8e rgb(34,29,142)
```
#2721a3
```
#2721a3 rgb(39,33,163)
```
#2c26b8
```
#2c26b8 rgb(44,38,184)
```
#312acd
```
#312acd rgb(49,42,205)
```
#413ad7
```
#413ad7 rgb(65,58,215)
```
#554fdb
```
#554fdb rgb(85,79,219)
```
#6964df
```
#6964df rgb(105,100,223)
```

Monochromatic Color

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

#2a4ccd
```
#2a4ccd rgb(42,76,205)
```
#2a3ecd
```
#2a3ecd rgb(42,62,205)
```
#2a31cd
```
#2a31cd rgb(42,49,205)
```
#312acd
```
#312acd rgb(49,42,205)
```
#3f2acd
```
#3f2acd rgb(63,42,205)
```
#4c2acd
```
#4c2acd rgb(76,42,205)
```
#5a2acd
```
#5a2acd rgb(90,42,205)
```

Similar Colors

Text with hexadecimal color #312acd

This text has a font color of #312acd.

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

#312acd background color

This paragraph has a background color of #312acd.

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

#312acd border color

This element has a border color of #312acd.

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

CSS codes

.text {color:#312acd;}

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

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

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 #f9f8fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#06051a
```
#06051a rgb(6,5,26)
```
#0a092a
```
#0a092a rgb(10,9,42)
```
#0e0c3a
```
#0e0c3a rgb(14,12,58)
```
#120f4b
```
#120f4b rgb(18,15,75)
```
#16135b
```
#16135b rgb(22,19,91)
```
#1a166b
```
#1a166b rgb(26,22,107)
```
#1e197c
```
#1e197c rgb(30,25,124)
```
#211d8c
```
#211d8c rgb(33,29,140)
```
#25209c
```
#25209c rgb(37,32,156)
```
#2923ac
```
#2923ac rgb(41,35,172)
```
#2d27bd
```
#2d27bd rgb(45,39,189)
```
#312acd
```
#312acd rgb(49,42,205)
```

Shade Color Variation

#3c35d6
```
#3c35d6 rgb(60,53,214)
```
#4c45d9
```
#4c45d9 rgb(76,69,217)
```
#5b56dc
```
#5b56dc rgb(91,86,220)
```
#6b66e0
```
#6b66e0 rgb(107,102,224)
```
#7b76e3
```
#7b76e3 rgb(123,118,227)
```
#8b86e6
```
#8b86e6 rgb(139,134,230)
```
#9a97ea
```
#9a97ea rgb(154,151,234)
```
#aaa7ed
```
#aaa7ed rgb(170,167,237)
```
#bab7f0
```
#bab7f0 rgb(186,183,240)
```
#c9c8f4
```
#c9c8f4 rgb(201,200,244)
```
#d9d8f7
```
#d9d8f7 rgb(217,216,247)
```
#e9e8fa
```
#e9e8fa rgb(233,232,250)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#767681
```
#767681 rgb(118,118,129)
```
#6e6d8b
```
#6e6d8b rgb(110,109,139)
```
#656394
```
#656394 rgb(101,99,148)
```
#5c5a9e
```
#5c5a9e rgb(92,90,158)
```
#5450a7
```
#5450a7 rgb(84,80,167)
```
#4b47b1
```
#4b47b1 rgb(75,71,177)
```
#423dba
```
#423dba rgb(66,61,186)
```
#3a34c4
```
#3a34c4 rgb(58,52,196)
```
#312acd
```
#312acd rgb(49,42,205)
```
#2821d7
```
#2821d7 rgb(40,33,215)
```
#2017e0
```
#2017e0 rgb(32,23,224)
```
#170eea
```
#170eea rgb(23,14,234)
```
#0e04f3
```
#0e04f3 rgb(14,4,243)
```

Tone Color Variation

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

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

#312acd hex color

#312acd Color Information

#312acd Color Conversion

Color Schemes with #312acd

Alternatives to #312acd

#312acd Preview

Shades and Tints of #312acd

Tones of #312acd

Color Blindness Simulator