#310da4 hex color

In a RGB color space, hex #310da4 is composed of 19.2% red, 5.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 92.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 254.3 degrees, a saturation of 85.3% and a lightness of 34.7%. #310da4 color hex could be obtained by blending #621aff with #000049. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 5
- B 64
RGB color chart
- C 70
- M 92
- Y 0
- K 36
CMYK color chart

● #310da4 color description : Dark blue.

The hexadecimal color #310da4 has RGB values of R:49, G:13, B:164 and CMYK values of C:0.7, M:0.92, Y:0, K:0.36. Its decimal value is 3214756.

Hex triplet	310da4	`#310da4`
RGB Decimal	49, 13, 164	`rgb(49,13,164)`
RGB Percent	19.2, 5.1, 64.3	`rgb(19.2%,5.1%,64.3%)`
CMYK	70, 92, 0, 36
HSL	254.3°, 85.3, 34.7	`hsl(254.3,85.3%,34.7%)`
HSV (or HSB)	254.3°, 92.1, 64.3
Web Safe	330099	`#330099`

CIE-LAB	22.376, 54.71, -71.347
XYZ	8.11, 3.621, 35.391
xyY	0.172, 0.077, 3.621
CIE-LCH	22.376, 89.909, 307.481
CIE-LUV	22.376, -1.578, -80.009
Hunter-Lab	19.028, 42.779, -96.956
Binary	00110001, 00001101, 10100100

#310da4
```
#310da4 rgb(49,13,164)
```
#80a40d
```
#80a40d rgb(128,164,13)
```

Complementary Color

#0d35a4
```
#0d35a4 rgb(13,53,164)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#7d0da4
```
#7d0da4 rgb(125,13,164)
```

Analogous Color

#35a40d
```
#35a40d rgb(53,164,13)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#a47d0d
```
#a47d0d rgb(164,125,13)
```

Split Complementary Color

#0da431
```
#0da431 rgb(13,164,49)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#a4310d
```
#a4310d rgb(164,49,13)
```

Triadic Color

#0d80a4
```
#0d80a4 rgb(13,128,164)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#a4310d
```
#a4310d rgb(164,49,13)
```
#80a40d
```
#80a40d rgb(128,164,13)
```

Tetradic Color

#1c075d
```
#1c075d rgb(28,7,93)
```
#230975
```
#230975 rgb(35,9,117)
```
#2a0b8c
```
#2a0b8c rgb(42,11,140)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#380fbc
```
#380fbc rgb(56,15,188)
```
#3f11d3
```
#3f11d3 rgb(63,17,211)
```
#4613eb
```
#4613eb rgb(70,19,235)
```

Monochromatic Color

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

#0d0fa4
```
#0d0fa4 rgb(13,15,164)
```
#180da4
```
#180da4 rgb(24,13,164)
```
#240da4
```
#240da4 rgb(36,13,164)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#3e0da4
```
#3e0da4 rgb(62,13,164)
```
#4a0da4
```
#4a0da4 rgb(74,13,164)
```
#570da4
```
#570da4 rgb(87,13,164)
```

Similar Colors

Text with hexadecimal color #310da4

This text has a font color of #310da4.

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

#310da4 background color

This paragraph has a background color of #310da4.

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

#310da4 border color

This element has a border color of #310da4.

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

CSS codes

.text {color:#310da4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060113
```
#060113 rgb(6,1,19)
```
#0b0325
```
#0b0325 rgb(11,3,37)
```
#100437
```
#100437 rgb(16,4,55)
```
#160649
```
#160649 rgb(22,6,73)
```
#1b075b
```
#1b075b rgb(27,7,91)
```
#21096d
```
#21096d rgb(33,9,109)
```
#260a80
```
#260a80 rgb(38,10,128)
```
#2c0c92
```
#2c0c92 rgb(44,12,146)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#360eb6
```
#360eb6 rgb(54,14,182)
```
#3c10c8
```
#3c10c8 rgb(60,16,200)
```
#4111db
```
#4111db rgb(65,17,219)
```

Shade Color Variation

#4713ec
```
#4713ec rgb(71,19,236)
```
#5525ee
```
#5525ee rgb(85,37,238)
```
#6338ef
```
#6338ef rgb(99,56,239)
```
#714af1
```
#714af1 rgb(113,74,241)
```
#805cf2
```
#805cf2 rgb(128,92,242)
```
#8e6ef4
```
#8e6ef4 rgb(142,110,244)
```
#9c80f5
```
#9c80f5 rgb(156,128,245)
```
#aa92f6
```
#aa92f6 rgb(170,146,246)
```
#b8a5f8
```
#b8a5f8 rgb(184,165,248)
```
#c7b7f9
```
#c7b7f9 rgb(199,183,249)
```
#d5c9fb
```
#d5c9fb rgb(213,201,251)
```
#e3dbfc
```
#e3dbfc rgb(227,219,252)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

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

#585859
```
#585859 rgb(88,88,89)
```
#555160
```
#555160 rgb(85,81,96)
```
#514a67
```
#514a67 rgb(81,74,103)
```
#4d436e
```
#4d436e rgb(77,67,110)
```
#4a3d74
```
#4a3d74 rgb(74,61,116)
```
#46367b
```
#46367b rgb(70,54,123)
```
#432f82
```
#432f82 rgb(67,47,130)
```
#3f2889
```
#3f2889 rgb(63,40,137)
```
#3c2190
```
#3c2190 rgb(60,33,144)
```
#381b96
```
#381b96 rgb(56,27,150)
```
#35149d
```
#35149d rgb(53,20,157)
```
#310da4
```
#310da4 rgb(49,13,164)
```
#2d06ab
```
#2d06ab rgb(45,6,171)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004168 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#112c88 Protanomaly 1% of men, 0.01% of women
#112e7d Deuteranomaly 6% of men, 0.4% of women
#11316a Tritanomaly 0.01% of the population

#310da4 hex color

#310da4 Color Information

#310da4 Color Conversion

Color Schemes with #310da4

Alternatives to #310da4

#310da4 Preview

Shades and Tints of #310da4

Tones of #310da4

Color Blindness Simulator