#312eb9 hex color

In a RGB color space, hex #312eb9 is composed of 19.2% red, 18% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 75.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 241.3 degrees, a saturation of 60.2% and a lightness of 45.3%. #312eb9 color hex could be obtained by blending #625cff with #000073. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 18
- B 73
RGB color chart
- C 74
- M 75
- Y 0
- K 27
CMYK color chart

● #312eb9 color description : Strong blue.

The hexadecimal color #312eb9 has RGB values of R:49, G:46, B:185 and CMYK values of C:0.74, M:0.75, Y:0, K:0.27. Its decimal value is 3223225.

Hex triplet	312eb9	`#312eb9`
RGB Decimal	49, 46, 185	`rgb(49,46,185)`
RGB Percent	19.2, 18, 72.5	`rgb(19.2%,18%,72.5%)`
CMYK	74, 75, 0, 27
HSL	241.3°, 60.2, 45.3	`hsl(241.3,60.2%,45.3%)`
HSV (or HSB)	241.3°, 75.1, 72.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.686, 46.731, -71.839
XYZ	10.999, 6.109, 46.496
xyY	0.173, 0.096, 6.109
CIE-LCH	29.686, 85.701, 303.044
CIE-LUV	29.686, -6.226, -93.104
Hunter-Lab	24.717, 36.178, -94.232
Binary	00110001, 00101110, 10111001

#312eb9
```
#312eb9 rgb(49,46,185)
```
#b6b92e
```
#b6b92e rgb(182,185,46)
```

Complementary Color

#2e71b9
```
#2e71b9 rgb(46,113,185)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#772eb9
```
#772eb9 rgb(119,46,185)
```

Analogous Color

#71b92e
```
#71b92e rgb(113,185,46)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#b9772e
```
#b9772e rgb(185,119,46)
```

Split Complementary Color

#2eb931
```
#2eb931 rgb(46,185,49)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#b9312e
```
#b9312e rgb(185,49,46)
```

Triadic Color

#2eb6b9
```
#2eb6b9 rgb(46,182,185)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#b9312e
```
#b9312e rgb(185,49,46)
```
#b6b92e
```
#b6b92e rgb(182,185,46)
```

Tetradic Color

#211f7c
```
#211f7c rgb(33,31,124)
```
#262490
```
#262490 rgb(38,36,144)
```
#2c29a5
```
#2c29a5 rgb(44,41,165)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#3734cd
```
#3734cd rgb(55,52,205)
```
#4b48d2
```
#4b48d2 rgb(75,72,210)
```
#5f5dd7
```
#5f5dd7 rgb(95,93,215)
```

Monochromatic Color

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

#2e4eb9
```
#2e4eb9 rgb(46,78,185)
```
#2e42b9
```
#2e42b9 rgb(46,66,185)
```
#2e37b9
```
#2e37b9 rgb(46,55,185)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#3d2eb9
```
#3d2eb9 rgb(61,46,185)
```
#482eb9
```
#482eb9 rgb(72,46,185)
```
#542eb9
```
#542eb9 rgb(84,46,185)
```

Similar Colors

Text with hexadecimal color #312eb9

This text has a font color of #312eb9.

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

#312eb9 background color

This paragraph has a background color of #312eb9.

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

#312eb9 border color

This element has a border color of #312eb9.

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

CSS codes

.text {color:#312eb9;}

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

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

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

#03030c
```
#03030c rgb(3,3,12)
```
#07071c
```
#07071c rgb(7,7,28)
```
#0c0b2c
```
#0c0b2c rgb(12,11,44)
```
#100f3b
```
#100f3b rgb(16,15,59)
```
#14134b
```
#14134b rgb(20,19,75)
```
#18175b
```
#18175b rgb(24,23,91)
```
#1c1a6a
```
#1c1a6a rgb(28,26,106)
```
#201e7a
```
#201e7a rgb(32,30,122)
```
#25228a
```
#25228a rgb(37,34,138)
```
#29269a
```
#29269a rgb(41,38,154)
```
#2d2aa9
```
#2d2aa9 rgb(45,42,169)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#3532c9
```
#3532c9 rgb(53,50,201)
```

Shade Color Variation

#423fcf
```
#423fcf rgb(66,63,207)
```
#524fd3
```
#524fd3 rgb(82,79,211)
```
#615ed7
```
#615ed7 rgb(97,94,215)
```
#706edb
```
#706edb rgb(112,110,219)
```
#807edf
```
#807edf rgb(128,126,223)
```
#8f8ee3
```
#8f8ee3 rgb(143,142,227)
```
#9f9de7
```
#9f9de7 rgb(159,157,231)
```
#aeadeb
```
#aeadeb rgb(174,173,235)
```
#bebdef
```
#bebdef rgb(190,189,239)
```
#cdccf2
```
#cdccf2 rgb(205,204,242)
```
#dddcf6
```
#dddcf6 rgb(221,220,246)
```
#ececfa
```
#ececfa rgb(236,236,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#6d6c7b
```
#6d6c7b rgb(109,108,123)
```
#646384
```
#646384 rgb(100,99,132)
```
#5c5a8d
```
#5c5a8d rgb(92,90,141)
```
#535295
```
#535295 rgb(83,82,149)
```
#4b499e
```
#4b499e rgb(75,73,158)
```
#4240a7
```
#4240a7 rgb(66,64,167)
```
#3a37b0
```
#3a37b0 rgb(58,55,176)
```
#312eb9
```
#312eb9 rgb(49,46,185)
```
#2825c2
```
#2825c2 rgb(40,37,194)
```
#201ccb
```
#201ccb rgb(32,28,203)
```
#1713d4
```
#1713d4 rgb(23,19,212)
```
#0f0add
```
#0f0add rgb(15,10,221)
```
#0602e5
```
#0602e5 rgb(6,2,229)
```

Tone Color Variation

Below, you can see how #312eb9 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
#3c3c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1141a2 Protanomaly 1% of men, 0.01% of women
#114496 Deuteranomaly 6% of men, 0.4% of women
#11487d Tritanomaly 0.01% of the population

#312eb9 hex color

#312eb9 Color Information

#312eb9 Color Conversion

Color Schemes with #312eb9

Alternatives to #312eb9

#312eb9 Preview

Shades and Tints of #312eb9

Tones of #312eb9

Color Blindness Simulator