#310ad4 hex color

In a RGB color space, hex #310ad4 is composed of 19.2% red, 3.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 95.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 251.6 degrees, a saturation of 91% and a lightness of 43.5%. #310ad4 color hex could be obtained by blending #6214ff with #0000a9. Closest websafe color is: #3300cc.

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

● #310ad4 color description : Strong blue.

The hexadecimal color #310ad4 has RGB values of R:49, G:10, B:212 and CMYK values of C:0.77, M:0.95, Y:0, K:0.17. Its decimal value is 3214036.

Hex triplet	310ad4	`#310ad4`
RGB Decimal	49, 10, 212	`rgb(49,10,212)`
RGB Percent	19.2, 3.9, 83.1	`rgb(19.2%,3.9%,83.1%)`
CMYK	77, 95, 0, 17
HSL	251.6°, 91, 43.5	`hsl(251.6,91%,43.5%)`
HSV (or HSB)	251.6°, 95.3, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.44, 67.747, -89.745
XYZ	13.257, 5.623, 62.67
xyY	0.163, 0.069, 5.623
CIE-LCH	28.44, 112.445, 307.049
CIE-LUV	28.44, -4.503, -107.646
Hunter-Lab	23.712, 58.295, -140.102
Binary	00110001, 00001010, 11010100

#310ad4
```
#310ad4 rgb(49,10,212)
```
#add40a
```
#add40a rgb(173,212,10)
```

Complementary Color

#0a48d4
```
#0a48d4 rgb(10,72,212)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#960ad4
```
#960ad4 rgb(150,10,212)
```

Analogous Color

#48d40a
```
#48d40a rgb(72,212,10)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#d4960a
```
#d4960a rgb(212,150,10)
```

Split Complementary Color

#0ad431
```
#0ad431 rgb(10,212,49)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#d4310a
```
#d4310a rgb(212,49,10)
```

Triadic Color

#0aadd4
```
#0aadd4 rgb(10,173,212)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#d4310a
```
#d4310a rgb(212,49,10)
```
#add40a
```
#add40a rgb(173,212,10)
```

Tetradic Color

#20078b
```
#20078b rgb(32,7,139)
```
#2608a3
```
#2608a3 rgb(38,8,163)
```
#2b09bc
```
#2b09bc rgb(43,9,188)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#370bec
```
#370bec rgb(55,11,236)
```
#461df4
```
#461df4 rgb(70,29,244)
```
#5a35f5
```
#5a35f5 rgb(90,53,245)
```

Monochromatic Color

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

#0a16d4
```
#0a16d4 rgb(10,22,212)
```
#0f0ad4
```
#0f0ad4 rgb(15,10,212)
```
#200ad4
```
#200ad4 rgb(32,10,212)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#420ad4
```
#420ad4 rgb(66,10,212)
```
#530ad4
```
#530ad4 rgb(83,10,212)
```
#630ad4
```
#630ad4 rgb(99,10,212)
```

Similar Colors

Text with hexadecimal color #310ad4

This text has a font color of #310ad4.

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

#310ad4 background color

This paragraph has a background color of #310ad4.

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

#310ad4 border color

This element has a border color of #310ad4.

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

CSS codes

.text {color:#310ad4;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#060119
```
#060119 rgb(6,1,25)
```
#0a022b
```
#0a022b rgb(10,2,43)
```
#0e033e
```
#0e033e rgb(14,3,62)
```
#130451
```
#130451 rgb(19,4,81)
```
#170564
```
#170564 rgb(23,5,100)
```
#1b0676
```
#1b0676 rgb(27,6,118)
```
#200689
```
#200689 rgb(32,6,137)
```
#24079c
```
#24079c rgb(36,7,156)
```
#2808af
```
#2808af rgb(40,8,175)
```
#2d09c1
```
#2d09c1 rgb(45,9,193)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#350be7
```
#350be7 rgb(53,11,231)
```

Shade Color Variation

#3d11f4
```
#3d11f4 rgb(61,17,244)
```
#4c24f5
```
#4c24f5 rgb(76,36,245)
```
#5c37f6
```
#5c37f6 rgb(92,55,246)
```
#6b4af6
```
#6b4af6 rgb(107,74,246)
```
#7a5cf7
```
#7a5cf7 rgb(122,92,247)
```
#8a6ff8
```
#8a6ff8 rgb(138,111,248)
```
#9982f9
```
#9982f9 rgb(153,130,249)
```
#a895fa
```
#a895fa rgb(168,149,250)
```
#b7a7fb
```
#b7a7fb rgb(183,167,251)
```
#c7bafc
```
#c7bafc rgb(199,186,252)
```
#d6cdfd
```
#d6cdfd rgb(214,205,253)
```
#e5dffe
```
#e5dffe rgb(229,223,254)
```
#f5f2fe
```
#f5f2fe rgb(245,242,254)
```

Tint Color Variation

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

#6b6876
```
#6b6876 rgb(107,104,118)
```
#655f7f
```
#655f7f rgb(101,95,127)
```
#605787
```
#605787 rgb(96,87,135)
```
#5b4e90
```
#5b4e90 rgb(91,78,144)
```
#564698
```
#564698 rgb(86,70,152)
```
#503da1
```
#503da1 rgb(80,61,161)
```
#4b35a9
```
#4b35a9 rgb(75,53,169)
```
#462cb2
```
#462cb2 rgb(70,44,178)
```
#4124ba
```
#4124ba rgb(65,36,186)
```
#3b1bc3
```
#3b1bc3 rgb(59,27,195)
```
#3613cb
```
#3613cb rgb(54,19,203)
```
#310ad4
```
#310ad4 rgb(49,10,212)
```
#2c01dd
```
#2c01dd rgb(44,1,221)
```

Tone Color Variation

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

Dichromacy

#004a90 Protanopia 1% of men
#004f7c Deuteranopia 1% of men
#005458 Tritanopia 0.001% of the population

Trichromacy

#1133a9 Protanomaly 1% of men, 0.01% of women
#11369c Deuteranomaly 6% of men, 0.4% of women
#113985 Tritanomaly 0.01% of the population

#310ad4 hex color

#310ad4 Color Information

#310ad4 Color Conversion

Color Schemes with #310ad4

Alternatives to #310ad4

#310ad4 Preview

Shades and Tints of #310ad4

Tones of #310ad4

Color Blindness Simulator