#310fb4 hex color

In a RGB color space, hex #310fb4 is composed of 19.2% red, 5.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 91.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 252.4 degrees, a saturation of 84.6% and a lightness of 38.2%. #310fb4 color hex could be obtained by blending #621eff with #000069. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 6
- B 71
RGB color chart
- C 73
- M 92
- Y 0
- K 29
CMYK color chart

● #310fb4 color description : Strong blue.

The hexadecimal color #310fb4 has RGB values of R:49, G:15, B:180 and CMYK values of C:0.73, M:0.92, Y:0, K:0.29. Its decimal value is 3215284.

Hex triplet	310fb4	`#310fb4`
RGB Decimal	49, 15, 180	`rgb(49,15,180)`
RGB Percent	19.2, 5.9, 70.6	`rgb(19.2%,5.9%,70.6%)`
CMYK	73, 92, 0, 29
HSL	252.4°, 84.6, 38.2	`hsl(252.4,84.6%,38.2%)`
HSV (or HSB)	252.4°, 91.7, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.606, 58.424, -77.286
XYZ	9.674, 4.289, 43.496
xyY	0.168, 0.075, 4.289
CIE-LCH	24.606, 96.884, 307.087
CIE-LUV	24.606, -2.757, -89.426
Hunter-Lab	20.711, 47.134, -110.019
Binary	00110001, 00001111, 10110100

#310fb4
```
#310fb4 rgb(49,15,180)
```
#92b40f
```
#92b40f rgb(146,180,15)
```

Complementary Color

#0f40b4
```
#0f40b4 rgb(15,64,180)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#840fb4
```
#840fb4 rgb(132,15,180)
```

Analogous Color

#40b40f
```
#40b40f rgb(64,180,15)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#b4840f
```
#b4840f rgb(180,132,15)
```

Split Complementary Color

#0fb431
```
#0fb431 rgb(15,180,49)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#b4310f
```
#b4310f rgb(180,49,15)
```

Triadic Color

#0f92b4
```
#0f92b4 rgb(15,146,180)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#b4310f
```
#b4310f rgb(180,49,15)
```
#92b40f
```
#92b40f rgb(146,180,15)
```

Tetradic Color

#1e096d
```
#1e096d rgb(30,9,109)
```
#240b85
```
#240b85 rgb(36,11,133)
```
#2b0d9c
```
#2b0d9c rgb(43,13,156)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#3711cc
```
#3711cc rgb(55,17,204)
```
#3e13e3
```
#3e13e3 rgb(62,19,227)
```
#4c23ed
```
#4c23ed rgb(76,35,237)
```

Monochromatic Color

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

#0f16b4
```
#0f16b4 rgb(15,22,180)
```
#150fb4
```
#150fb4 rgb(21,15,180)
```
#230fb4
```
#230fb4 rgb(35,15,180)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#3f0fb4
```
#3f0fb4 rgb(63,15,180)
```
#4c0fb4
```
#4c0fb4 rgb(76,15,180)
```
#5a0fb4
```
#5a0fb4 rgb(90,15,180)
```

Similar Colors

Text with hexadecimal color #310fb4

This text has a font color of #310fb4.

<span style="color:#310fb4;">Text here</span>

#310fb4 background color

This paragraph has a background color of #310fb4.

<p style="background-color:#310fb4;">Content here</p>

#310fb4 border color

This element has a border color of #310fb4.

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

CSS codes

.text {color:#310fb4;}

.background {background-color:#310fb4;}

.border {border:1px solid #310fb4;}

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

#050111
```
#050111 rgb(5,1,17)
```
#0a0323
```
#0a0323 rgb(10,3,35)
```
#0e0435
```
#0e0435 rgb(14,4,53)
```
#130647
```
#130647 rgb(19,6,71)
```
#180759
```
#180759 rgb(24,7,89)
```
#1d096c
```
#1d096c rgb(29,9,108)
```
#220a7e
```
#220a7e rgb(34,10,126)
```
#270c90
```
#270c90 rgb(39,12,144)
```
#2c0da2
```
#2c0da2 rgb(44,13,162)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#3611c6
```
#3611c6 rgb(54,17,198)
```
#3b12d8
```
#3b12d8 rgb(59,18,216)
```
#4014ea
```
#4014ea rgb(64,20,234)
```

Shade Color Variation

#4e25ed
```
#4e25ed rgb(78,37,237)
```
#5d37ee
```
#5d37ee rgb(93,55,238)
```
#6b49f0
```
#6b49f0 rgb(107,73,240)
```
#7a5bf1
```
#7a5bf1 rgb(122,91,241)
```
#896df3
```
#896df3 rgb(137,109,243)
```
#977ff4
```
#977ff4 rgb(151,127,244)
```
#a691f6
```
#a691f6 rgb(166,145,246)
```
#b5a3f7
```
#b5a3f7 rgb(181,163,247)
```
#c3b6f9
```
#c3b6f9 rgb(195,182,249)
```
#d2c8fa
```
#d2c8fa rgb(210,200,250)
```
#e1dafc
```
#e1dafc rgb(225,218,252)
```
#efecfd
```
#efecfd rgb(239,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5a69 is the less saturated color, while #2800c3 is the most saturated one.

#5d5a69
```
#5d5a69 rgb(93,90,105)
```
#595371
```
#595371 rgb(89,83,113)
```
#544b78
```
#544b78 rgb(84,75,120)
```
#504480
```
#504480 rgb(80,68,128)
```
#4b3c87
```
#4b3c87 rgb(75,60,135)
```
#47358f
```
#47358f rgb(71,53,143)
```
#432d96
```
#432d96 rgb(67,45,150)
```
#3e269e
```
#3e269e rgb(62,38,158)
```
#3a1ea5
```
#3a1ea5 rgb(58,30,165)
```
#3517ad
```
#3517ad rgb(53,23,173)
```
#310fb4
```
#310fb4 rgb(49,15,180)
```
#2d08bc
```
#2d08bc rgb(45,8,188)
```
#2800c3
```
#2800c3 rgb(40,0,195)
```

Tone Color Variation

Below, you can see how #310fb4 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

#2c2c2c Achromatopsia 0.005% of the population
#2d2647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#112f93 Protanomaly 1% of men, 0.01% of women
#113288 Deuteranomaly 6% of men, 0.4% of women
#113573 Tritanomaly 0.01% of the population

#310fb4 hex color

#310fb4 Color Information

#310fb4 Color Conversion

Color Schemes with #310fb4

Alternatives to #310fb4

#310fb4 Preview

Shades and Tints of #310fb4

Tones of #310fb4

Color Blindness Simulator