#310ad2 hex color

In a RGB color space, hex #310ad2 is composed of 19.2% red, 3.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 95.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 251.7 degrees, a saturation of 90.9% and a lightness of 43.1%. #310ad2 color hex could be obtained by blending #6214ff with #0000a5. Closest websafe color is: #3300cc.

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

● #310ad2 color description : Strong blue.

The hexadecimal color #310ad2 has RGB values of R:49, G:10, B:210 and CMYK values of C:0.77, M:0.95, Y:0, K:0.18. Its decimal value is 3214034.

Hex triplet	310ad2	`#310ad2`
RGB Decimal	49, 10, 210	`rgb(49,10,210)`
RGB Percent	19.2, 3.9, 82.4	`rgb(19.2%,3.9%,82.4%)`
CMYK	77, 95, 0, 18
HSL	251.7°, 90.9, 43.1	`hsl(251.7,90.9%,43.1%)`
HSV (or HSB)	251.7°, 95.2, 82.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.174, 67.248, -89.027
XYZ	13.006, 5.522, 61.35
xyY	0.163, 0.069, 5.522
CIE-LCH	28.174, 111.571, 307.066
CIE-LUV	28.174, -4.385, -106.495
Hunter-Lab	23.5, 57.664, -138.335
Binary	00110001, 00001010, 11010010

#310ad2
```
#310ad2 rgb(49,10,210)
```
#abd20a
```
#abd20a rgb(171,210,10)
```

Complementary Color

#0a47d2
```
#0a47d2 rgb(10,71,210)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#950ad2
```
#950ad2 rgb(149,10,210)
```

Analogous Color

#47d20a
```
#47d20a rgb(71,210,10)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#d2950a
```
#d2950a rgb(210,149,10)
```

Split Complementary Color

#0ad231
```
#0ad231 rgb(10,210,49)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#d2310a
```
#d2310a rgb(210,49,10)
```

Triadic Color

#0aabd2
```
#0aabd2 rgb(10,171,210)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#d2310a
```
#d2310a rgb(210,49,10)
```
#abd20a
```
#abd20a rgb(171,210,10)
```

Tetradic Color

#200789
```
#200789 rgb(32,7,137)
```
#2608a1
```
#2608a1 rgb(38,8,161)
```
#2b09ba
```
#2b09ba rgb(43,9,186)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#370bea
```
#370bea rgb(55,11,234)
```
#451bf4
```
#451bf4 rgb(69,27,244)
```
#5933f5
```
#5933f5 rgb(89,51,245)
```

Monochromatic Color

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

#0a15d2
```
#0a15d2 rgb(10,21,210)
```
#100ad2
```
#100ad2 rgb(16,10,210)
```
#200ad2
```
#200ad2 rgb(32,10,210)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#420ad2
```
#420ad2 rgb(66,10,210)
```
#520ad2
```
#520ad2 rgb(82,10,210)
```
#630ad2
```
#630ad2 rgb(99,10,210)
```

Similar Colors

Text with hexadecimal color #310ad2

This text has a font color of #310ad2.

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

#310ad2 background color

This paragraph has a background color of #310ad2.

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

#310ad2 border color

This element has a border color of #310ad2.

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

CSS codes

.text {color:#310ad2;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#050117
```
#050117 rgb(5,1,23)
```
#0a0229
```
#0a0229 rgb(10,2,41)
```
#0e033c
```
#0e033c rgb(14,3,60)
```
#12044f
```
#12044f rgb(18,4,79)
```
#170562
```
#170562 rgb(23,5,98)
```
#1b0674
```
#1b0674 rgb(27,6,116)
```
#200687
```
#200687 rgb(32,6,135)
```
#24079a
```
#24079a rgb(36,7,154)
```
#2808ad
```
#2808ad rgb(40,8,173)
```
#2d09bf
```
#2d09bf rgb(45,9,191)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#350be5
```
#350be5 rgb(53,11,229)
```

Shade Color Variation

#3c10f4
```
#3c10f4 rgb(60,16,244)
```
#4b22f4
```
#4b22f4 rgb(75,34,244)
```
#5b35f5
```
#5b35f5 rgb(91,53,245)
```
#6a48f6
```
#6a48f6 rgb(106,72,246)
```
#795bf7
```
#795bf7 rgb(121,91,247)
```
#886df8
```
#886df8 rgb(136,109,248)
```
#9880f9
```
#9880f9 rgb(152,128,249)
```
#a793fa
```
#a793fa rgb(167,147,250)
```
#b6a5fb
```
#b6a5fb rgb(182,165,251)
```
#c5b8fc
```
#c5b8fc rgb(197,184,252)
```
#d5cbfd
```
#d5cbfd rgb(213,203,253)
```
#e4defd
```
#e4defd rgb(228,222,253)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```

Tint Color Variation

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

#6a6775
```
#6a6775 rgb(106,103,117)
```
#655f7d
```
#655f7d rgb(101,95,125)
```
#5f5686
```
#5f5686 rgb(95,86,134)
```
#5a4e8e
```
#5a4e8e rgb(90,78,142)
```
#554597
```
#554597 rgb(85,69,151)
```
#503d9f
```
#503d9f rgb(80,61,159)
```
#4b34a8
```
#4b34a8 rgb(75,52,168)
```
#462cb0
```
#462cb0 rgb(70,44,176)
```
#4023b9
```
#4023b9 rgb(64,35,185)
```
#3b1bc1
```
#3b1bc1 rgb(59,27,193)
```
#3612ca
```
#3612ca rgb(54,18,202)
```
#310ad2
```
#310ad2 rgb(49,10,210)
```
#2c02da
```
#2c02da rgb(44,2,218)
```

Tone Color Variation

Below, you can see how #310ad2 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
#2d254d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#1132a7 Protanomaly 1% of men, 0.01% of women
#11359b Deuteranomaly 6% of men, 0.4% of women
#113984 Tritanomaly 0.01% of the population

#310ad2 hex color

#310ad2 Color Information

#310ad2 Color Conversion

Color Schemes with #310ad2

Alternatives to #310ad2

#310ad2 Preview

Shades and Tints of #310ad2

Tones of #310ad2

Color Blindness Simulator