#310ac2 hex color

In a RGB color space, hex #310ac2 is composed of 19.2% red, 3.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 94.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 252.7 degrees, a saturation of 90.2% and a lightness of 40%. #310ac2 color hex could be obtained by blending #6214ff with #000085. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 4
- B 76
RGB color chart
- C 75
- M 95
- Y 0
- K 24
CMYK color chart

● #310ac2 color description : Strong blue.

The hexadecimal color #310ac2 has RGB values of R:49, G:10, B:194 and CMYK values of C:0.75, M:0.95, Y:0, K:0.24. Its decimal value is 3214018.

Hex triplet	310ac2	`#310ac2`
RGB Decimal	49, 10, 194	`rgb(49,10,194)`
RGB Percent	19.2, 3.9, 76.1	`rgb(19.2%,3.9%,76.1%)`
CMYK	75, 95, 0, 24
HSL	252.7°, 90.2, 40	`hsl(252.7,90.2%,40%)`
HSV (or HSB)	252.7°, 94.8, 76.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.053, 63.216, -83.192
XYZ	11.111, 4.764, 51.37
xyY	0.165, 0.071, 4.764
CIE-LCH	26.053, 104.485, 307.23
CIE-LUV	26.053, -3.41, -97.261
Hunter-Lab	21.828, 52.663, -124.256
Binary	00110001, 00001010, 11000010

#310ac2
```
#310ac2 rgb(49,10,194)
```
#9bc20a
```
#9bc20a rgb(155,194,10)
```

Complementary Color

#0a3fc2
```
#0a3fc2 rgb(10,63,194)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#8d0ac2
```
#8d0ac2 rgb(141,10,194)
```

Analogous Color

#3fc20a
```
#3fc20a rgb(63,194,10)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#c28d0a
```
#c28d0a rgb(194,141,10)
```

Split Complementary Color

#0ac231
```
#0ac231 rgb(10,194,49)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#c2310a
```
#c2310a rgb(194,49,10)
```

Triadic Color

#0a9bc2
```
#0a9bc2 rgb(10,155,194)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#c2310a
```
#c2310a rgb(194,49,10)
```
#9bc20a
```
#9bc20a rgb(155,194,10)
```

Tetradic Color

#1f0679
```
#1f0679 rgb(31,6,121)
```
#250892
```
#250892 rgb(37,8,146)
```
#2b09aa
```
#2b09aa rgb(43,9,170)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#370bda
```
#370bda rgb(55,11,218)
```
#3d0df3
```
#3d0df3 rgb(61,13,243)
```
#5125f4
```
#5125f4 rgb(81,37,244)
```

Monochromatic Color

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

#0a11c2
```
#0a11c2 rgb(10,17,194)
```
#120ac2
```
#120ac2 rgb(18,10,194)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#400ac2
```
#400ac2 rgb(64,10,194)
```
#500ac2
```
#500ac2 rgb(80,10,194)
```
#5f0ac2
```
#5f0ac2 rgb(95,10,194)
```

Similar Colors

Text with hexadecimal color #310ac2

This text has a font color of #310ac2.

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

#310ac2 background color

This paragraph has a background color of #310ac2.

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

#310ac2 border color

This element has a border color of #310ac2.

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

CSS codes

.text {color:#310ac2;}

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

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

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

#020007
```
#020007 rgb(2,0,7)
```
#07011a
```
#07011a rgb(7,1,26)
```
#0b022d
```
#0b022d rgb(11,2,45)
```
#10033f
```
#10033f rgb(16,3,63)
```
#150452
```
#150452 rgb(21,4,82)
```
#190565
```
#190565 rgb(25,5,101)
```
#1e0677
```
#1e0677 rgb(30,6,119)
```
#23078a
```
#23078a rgb(35,7,138)
```
#28089d
```
#28089d rgb(40,8,157)
```
#2c09af
```
#2c09af rgb(44,9,175)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#360bd5
```
#360bd5 rgb(54,11,213)
```
#3a0ce7
```
#3a0ce7 rgb(58,12,231)
```

Shade Color Variation

#4314f3
```
#4314f3 rgb(67,20,243)
```
#5227f4
```
#5227f4 rgb(82,39,244)
```
#6139f5
```
#6139f5 rgb(97,57,245)
```
#704cf6
```
#704cf6 rgb(112,76,246)
```
#7f5ff7
```
#7f5ff7 rgb(127,95,247)
```
#8e71f8
```
#8e71f8 rgb(142,113,248)
```
#9d84f9
```
#9d84f9 rgb(157,132,249)
```
#ac97fa
```
#ac97fa rgb(172,151,250)
```
#baa9fb
```
#baa9fb rgb(186,169,251)
```
#c9bcfc
```
#c9bcfc rgb(201,188,252)
```
#d8cffd
```
#d8cffd rgb(216,207,253)
```
#e7e1fd
```
#e7e1fd rgb(231,225,253)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

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

#63606c
```
#63606c rgb(99,96,108)
```
#5e5874
```
#5e5874 rgb(94,88,116)
```
#5a517b
```
#5a517b rgb(90,81,123)
```
#554983
```
#554983 rgb(85,73,131)
```
#51418b
```
#51418b rgb(81,65,139)
```
#4c3993
```
#4c3993 rgb(76,57,147)
```
#48319b
```
#48319b rgb(72,49,155)
```
#4329a3
```
#4329a3 rgb(67,41,163)
```
#3f22aa
```
#3f22aa rgb(63,34,170)
```
#3a1ab2
```
#3a1ab2 rgb(58,26,178)
```
#3612ba
```
#3612ba rgb(54,18,186)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#2c02ca
```
#2c02ca rgb(44,2,202)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2449 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004974 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#11309c Protanomaly 1% of men, 0.01% of women
#113290 Deuteranomaly 6% of men, 0.4% of women
#11357b Tritanomaly 0.01% of the population

#310ac2 hex color

#310ac2 Color Information

#310ac2 Color Conversion

Color Schemes with #310ac2

Alternatives to #310ac2

#310ac2 Preview

Shades and Tints of #310ac2

Tones of #310ac2

Color Blindness Simulator