#312ac0 hex color

In a RGB color space, hex #312ac0 is composed of 19.2% red, 16.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 78.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 242.8 degrees, a saturation of 64.1% and a lightness of 45.9%. #312ac0 color hex could be obtained by blending #6254ff with #000081. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 16
- B 75
RGB color chart
- C 74
- M 78
- Y 0
- K 25
CMYK color chart

● #312ac0 color description : Strong blue.

The hexadecimal color #312ac0 has RGB values of R:49, G:42, B:192 and CMYK values of C:0.74, M:0.78, Y:0, K:0.25. Its decimal value is 3222208.

Hex triplet	312ac0	`#312ac0`
RGB Decimal	49, 42, 192	`rgb(49,42,192)`
RGB Percent	19.2, 16.5, 75.3	`rgb(19.2%,16.5%,75.3%)`
CMYK	74, 78, 0, 25
HSL	242.8°, 64.1, 45.9	`hsl(242.8,64.1%,45.9%)`
HSV (or HSB)	242.8°, 78.1, 75.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.698, 51.09, -75.956
XYZ	11.607, 6.114, 50.435
xyY	0.17, 0.09, 6.114
CIE-LCH	29.698, 91.54, 303.926
CIE-LUV	29.698, -5.983, -97.379
Hunter-Lab	24.726, 40.52, -103.626
Binary	00110001, 00101010, 11000000

#312ac0
```
#312ac0 rgb(49,42,192)
```
#b9c02a
```
#b9c02a rgb(185,192,42)
```

Complementary Color

#2a6ec0
```
#2a6ec0 rgb(42,110,192)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#7c2ac0
```
#7c2ac0 rgb(124,42,192)
```

Analogous Color

#6ec02a
```
#6ec02a rgb(110,192,42)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#c07c2a
```
#c07c2a rgb(192,124,42)
```

Split Complementary Color

#2ac031
```
#2ac031 rgb(42,192,49)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#c0312a
```
#c0312a rgb(192,49,42)
```

Triadic Color

#2ab9c0
```
#2ab9c0 rgb(42,185,192)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#c0312a
```
#c0312a rgb(192,49,42)
```
#b9c02a
```
#b9c02a rgb(185,192,42)
```

Tetradic Color

#211c81
```
#211c81 rgb(33,28,129)
```
#262196
```
#262196 rgb(38,33,150)
```
#2c25ab
```
#2c25ab rgb(44,37,171)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#3931d2
```
#3931d2 rgb(57,49,210)
```
#4d46d7
```
#4d46d7 rgb(77,70,215)
```
#615bdb
```
#615bdb rgb(97,91,219)
```

Monochromatic Color

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

#2a49c0
```
#2a49c0 rgb(42,73,192)
```
#2a3cc0
```
#2a3cc0 rgb(42,60,192)
```
#2a30c0
```
#2a30c0 rgb(42,48,192)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#3d2ac0
```
#3d2ac0 rgb(61,42,192)
```
#4a2ac0
```
#4a2ac0 rgb(74,42,192)
```
#562ac0
```
#562ac0 rgb(86,42,192)
```

Similar Colors

Text with hexadecimal color #312ac0

This text has a font color of #312ac0.

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

#312ac0 background color

This paragraph has a background color of #312ac0.

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

#312ac0 border color

This element has a border color of #312ac0.

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

CSS codes

.text {color:#312ac0;}

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

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

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, #04030f is the darkest color, while #fefeff is the lightest one.

#04030f
```
#04030f rgb(4,3,15)
```
#08071f
```
#08071f rgb(8,7,31)
```
#0c0a2f
```
#0c0a2f rgb(12,10,47)
```
#100e3f
```
#100e3f rgb(16,14,63)
```
#14114f
```
#14114f rgb(20,17,79)
```
#18155f
```
#18155f rgb(24,21,95)
```
#1c1870
```
#1c1870 rgb(28,24,112)
```
#211c80
```
#211c80 rgb(33,28,128)
```
#251f90
```
#251f90 rgb(37,31,144)
```
#2923a0
```
#2923a0 rgb(41,35,160)
```
#2d26b0
```
#2d26b0 rgb(45,38,176)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#352ed0
```
#352ed0 rgb(53,46,208)
```

Shade Color Variation

#443dd5
```
#443dd5 rgb(68,61,213)
```
#534dd8
```
#534dd8 rgb(83,77,216)
```
#635ddc
```
#635ddc rgb(99,93,220)
```
#726ddf
```
#726ddf rgb(114,109,223)
```
#827de3
```
#827de3 rgb(130,125,227)
```
#918de6
```
#918de6 rgb(145,141,230)
```
#a19dea
```
#a19dea rgb(161,157,234)
```
#b0aded
```
#b0aded rgb(176,173,237)
```
#c0bdf1
```
#c0bdf1 rgb(192,189,241)
```
#cfcef4
```
#cfcef4 rgb(207,206,244)
```
#dfdef8
```
#dfdef8 rgb(223,222,248)
```
#eeeefb
```
#eeeefb rgb(238,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#727278
```
#727278 rgb(114,114,120)
```
#6a6981
```
#6a6981 rgb(106,105,129)
```
#62608a
```
#62608a rgb(98,96,138)
```
#5a5793
```
#5a5793 rgb(90,87,147)
```
#524e9c
```
#524e9c rgb(82,78,156)
```
#4945a5
```
#4945a5 rgb(73,69,165)
```
#413cae
```
#413cae rgb(65,60,174)
```
#3933b7
```
#3933b7 rgb(57,51,183)
```
#312ac0
```
#312ac0 rgb(49,42,192)
```
#2921c9
```
#2921c9 rgb(41,33,201)
```
#2118d2
```
#2118d2 rgb(33,24,210)
```
#190fdb
```
#190fdb rgb(25,15,219)
```
#1006e4
```
#1006e4 rgb(16,6,228)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005182 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#1140a5 Protanomaly 1% of men, 0.01% of women
#114398 Deuteranomaly 6% of men, 0.4% of women
#114680 Tritanomaly 0.01% of the population

#312ac0 hex color

#312ac0 Color Information

#312ac0 Color Conversion

Color Schemes with #312ac0

Alternatives to #312ac0

#312ac0 Preview

Shades and Tints of #312ac0

Tones of #312ac0

Color Blindness Simulator