#310ad8 hex color

In a RGB color space, hex #310ad8 is composed of 19.2% red, 3.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 95.4% magenta, 0% yellow and 15.3% black. It has a hue angle of 251.4 degrees, a saturation of 91.2% and a lightness of 44.3%. #310ad8 color hex could be obtained by blending #6214ff with #0000b1. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 4
- B 85
RGB color chart
- C 77
- M 95
- Y 0
- K 15
CMYK color chart

● #310ad8 color description : Strong blue.

The hexadecimal color #310ad8 has RGB values of R:49, G:10, B:216 and CMYK values of C:0.77, M:0.95, Y:0, K:0.15. Its decimal value is 3214040.

Hex triplet	310ad8	`#310ad8`
RGB Decimal	49, 10, 216	`rgb(49,10,216)`
RGB Percent	19.2, 3.9, 84.7	`rgb(19.2%,3.9%,84.7%)`
CMYK	77, 95, 0, 15
HSL	251.4°, 91.2, 44.3	`hsl(251.4,91.2%,44.3%)`
HSV (or HSB)	251.4°, 95.4, 84.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.972, 68.743, -91.176
XYZ	13.767, 5.827, 65.361
xyY	0.162, 0.069, 5.827
CIE-LCH	28.972, 114.187, 307.015
CIE-LUV	28.972, -4.738, -109.944
Hunter-Lab	24.139, 59.56, -143.64
Binary	00110001, 00001010, 11011000

#310ad8
```
#310ad8 rgb(49,10,216)
```
#b1d80a
```
#b1d80a rgb(177,216,10)
```

Complementary Color

#0a4ad8
```
#0a4ad8 rgb(10,74,216)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#980ad8
```
#980ad8 rgb(152,10,216)
```

Analogous Color

#4ad80a
```
#4ad80a rgb(74,216,10)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#d8980a
```
#d8980a rgb(216,152,10)
```

Split Complementary Color

#0ad831
```
#0ad831 rgb(10,216,49)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#d8310a
```
#d8310a rgb(216,49,10)
```

Triadic Color

#0ab1d8
```
#0ab1d8 rgb(10,177,216)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#d8310a
```
#d8310a rgb(216,49,10)
```
#b1d80a
```
#b1d80a rgb(177,216,10)
```

Tetradic Color

#20078f
```
#20078f rgb(32,7,143)
```
#2608a7
```
#2608a7 rgb(38,8,167)
```
#2b09c0
```
#2b09c0 rgb(43,9,192)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#370bf0
```
#370bf0 rgb(55,11,240)
```
#4920f5
```
#4920f5 rgb(73,32,245)
```
#5c39f6
```
#5c39f6 rgb(92,57,246)
```

Monochromatic Color

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

#0a17d8
```
#0a17d8 rgb(10,23,216)
```
#0f0ad8
```
#0f0ad8 rgb(15,10,216)
```
#200ad8
```
#200ad8 rgb(32,10,216)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#420ad8
```
#420ad8 rgb(66,10,216)
```
#530ad8
```
#530ad8 rgb(83,10,216)
```
#650ad8
```
#650ad8 rgb(101,10,216)
```

Similar Colors

Text with hexadecimal color #310ad8

This text has a font color of #310ad8.

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

#310ad8 background color

This paragraph has a background color of #310ad8.

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

#310ad8 border color

This element has a border color of #310ad8.

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

CSS codes

.text {color:#310ad8;}

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

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

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

#02000a
```
#02000a rgb(2,0,10)
```
#06011d
```
#06011d rgb(6,1,29)
```
#0b022f
```
#0b022f rgb(11,2,47)
```
#0f0342
```
#0f0342 rgb(15,3,66)
```
#130455
```
#130455 rgb(19,4,85)
```
#170568
```
#170568 rgb(23,5,104)
```
#1c067a
```
#1c067a rgb(28,6,122)
```
#20078d
```
#20078d rgb(32,7,141)
```
#2407a0
```
#2407a0 rgb(36,7,160)
```
#2808b3
```
#2808b3 rgb(40,8,179)
```
#2d09c5
```
#2d09c5 rgb(45,9,197)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#350beb
```
#350beb rgb(53,11,235)
```

Shade Color Variation

#3f15f4
```
#3f15f4 rgb(63,21,244)
```
#4f28f5
```
#4f28f5 rgb(79,40,245)
```
#5e3bf6
```
#5e3bf6 rgb(94,59,246)
```
#6d4df7
```
#6d4df7 rgb(109,77,247)
```
#7d60f8
```
#7d60f8 rgb(125,96,248)
```
#8c73f9
```
#8c73f9 rgb(140,115,249)
```
#9b86f9
```
#9b86f9 rgb(155,134,249)
```
#ab98fa
```
#ab98fa rgb(171,152,250)
```
#baabfb
```
#baabfb rgb(186,171,251)
```
#cabefc
```
#cabefc rgb(202,190,252)
```
#d9d1fd
```
#d9d1fd rgb(217,209,253)
```
#e8e3fe
```
#e8e3fe rgb(232,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#6c6a78
```
#6c6a78 rgb(108,106,120)
```
#676181
```
#676181 rgb(103,97,129)
```
#62588a
```
#62588a rgb(98,88,138)
```
#5c5092
```
#5c5092 rgb(92,80,146)
```
#57479b
```
#57479b rgb(87,71,155)
```
#513ea4
```
#513ea4 rgb(81,62,164)
```
#4c35ad
```
#4c35ad rgb(76,53,173)
```
#472db5
```
#472db5 rgb(71,45,181)
```
#4124be
```
#4124be rgb(65,36,190)
```
#3c1bc7
```
#3c1bc7 rgb(60,27,199)
```
#3613cf
```
#3613cf rgb(54,19,207)
```
#310ad8
```
#310ad8 rgb(49,10,216)
```
#2c01e1
```
#2c01e1 rgb(44,1,225)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e264f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#1133ac Protanomaly 1% of men, 0.01% of women
#11369f Deuteranomaly 6% of men, 0.4% of women
#113a87 Tritanomaly 0.01% of the population

#310ad8 hex color

#310ad8 Color Information

#310ad8 Color Conversion

Color Schemes with #310ad8

Alternatives to #310ad8

#310ad8 Preview

Shades and Tints of #310ad8

Tones of #310ad8

Color Blindness Simulator