#310ca8 hex color

In a RGB color space, hex #310ca8 is composed of 19.2% red, 4.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 92.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 254.2 degrees, a saturation of 86.7% and a lightness of 35.3%. #310ca8 color hex could be obtained by blending #6218ff with #000051. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 5
- B 66
RGB color chart
- C 71
- M 93
- Y 0
- K 34
CMYK color chart

● #310ca8 color description : Dark blue.

The hexadecimal color #310ca8 has RGB values of R:49, G:12, B:168 and CMYK values of C:0.71, M:0.93, Y:0, K:0.34. Its decimal value is 3214504.

Hex triplet	310ca8	`#310ca8`
RGB Decimal	49, 12, 168	`rgb(49,12,168)`
RGB Percent	19.2, 4.7, 65.9	`rgb(19.2%,4.7%,65.9%)`
CMYK	71, 93, 0, 34
HSL	254.2°, 86.7, 35.3	`hsl(254.2,86.7%,35.3%)`
HSV (or HSB)	254.2°, 92.9, 65.9
Web Safe	330099	`#330099`

CIE-LAB	22.802, 56.036, -73.067
XYZ	8.465, 3.743, 37.32
xyY	0.171, 0.076, 3.743
CIE-LCH	22.802, 92.081, 307.485
CIE-LUV	22.802, -1.801, -82.276
Hunter-Lab	19.346, 44.246, -100.833
Binary	00110001, 00001100, 10101000

#310ca8
```
#310ca8 rgb(49,12,168)
```
#83a80c
```
#83a80c rgb(131,168,12)
```

Complementary Color

#0c35a8
```
#0c35a8 rgb(12,53,168)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#7f0ca8
```
#7f0ca8 rgb(127,12,168)
```

Analogous Color

#35a80c
```
#35a80c rgb(53,168,12)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#a87f0c
```
#a87f0c rgb(168,127,12)
```

Split Complementary Color

#0ca831
```
#0ca831 rgb(12,168,49)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#a8310c
```
#a8310c rgb(168,49,12)
```

Triadic Color

#0c83a8
```
#0c83a8 rgb(12,131,168)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#a8310c
```
#a8310c rgb(168,49,12)
```
#83a80c
```
#83a80c rgb(131,168,12)
```

Tetradic Color

#1c0761
```
#1c0761 rgb(28,7,97)
```
#230978
```
#230978 rgb(35,9,120)
```
#2a0a90
```
#2a0a90 rgb(42,10,144)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#380ec0
```
#380ec0 rgb(56,14,192)
```
#3f0fd8
```
#3f0fd8 rgb(63,15,216)
```
#4712ee
```
#4712ee rgb(71,18,238)
```

Monochromatic Color

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

#0c0ea8
```
#0c0ea8 rgb(12,14,168)
```
#170ca8
```
#170ca8 rgb(23,12,168)
```
#240ca8
```
#240ca8 rgb(36,12,168)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#3e0ca8
```
#3e0ca8 rgb(62,12,168)
```
#4b0ca8
```
#4b0ca8 rgb(75,12,168)
```
#580ca8
```
#580ca8 rgb(88,12,168)
```

Similar Colors

Text with hexadecimal color #310ca8

This text has a font color of #310ca8.

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

#310ca8 background color

This paragraph has a background color of #310ca8.

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

#310ca8 border color

This element has a border color of #310ca8.

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

CSS codes

.text {color:#310ca8;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060216
```
#060216 rgb(6,2,22)
```
#0c0328
```
#0c0328 rgb(12,3,40)
```
#11043a
```
#11043a rgb(17,4,58)
```
#16054c
```
#16054c rgb(22,5,76)
```
#1c075f
```
#1c075f rgb(28,7,95)
```
#210871
```
#210871 rgb(33,8,113)
```
#260983
```
#260983 rgb(38,9,131)
```
#2c0b96
```
#2c0b96 rgb(44,11,150)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#360dba
```
#360dba rgb(54,13,186)
```
#3c0fcd
```
#3c0fcd rgb(60,15,205)
```
#4110df
```
#4110df rgb(65,16,223)
```

Shade Color Variation

#4814ee
```
#4814ee rgb(72,20,238)
```
#5627f0
```
#5627f0 rgb(86,39,240)
```
#6439f1
```
#6439f1 rgb(100,57,241)
```
#734bf2
```
#734bf2 rgb(115,75,242)
```
#815df3
```
#815df3 rgb(129,93,243)
```
#8f70f5
```
#8f70f5 rgb(143,112,245)
```
#9e82f6
```
#9e82f6 rgb(158,130,246)
```
#ac94f7
```
#ac94f7 rgb(172,148,247)
```
#baa7f9
```
#baa7f9 rgb(186,167,249)
```
#c8b9fa
```
#c8b9fa rgb(200,185,250)
```
#d7cbfb
```
#d7cbfb rgb(215,203,251)
```
#e5defd
```
#e5defd rgb(229,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, #59585c is the less saturated color, while #2d05af is the most saturated one.

#59585c
```
#59585c rgb(89,88,92)
```
#555163
```
#555163 rgb(85,81,99)
```
#524a6a
```
#524a6a rgb(82,74,106)
```
#4e4371
```
#4e4371 rgb(78,67,113)
```
#4a3c78
```
#4a3c78 rgb(74,60,120)
```
#47367e
```
#47367e rgb(71,54,126)
```
#432f85
```
#432f85 rgb(67,47,133)
```
#40288c
```
#40288c rgb(64,40,140)
```
#3c2193
```
#3c2193 rgb(60,33,147)
```
#381a9a
```
#381a9a rgb(56,26,154)
```
#3513a1
```
#3513a1 rgb(53,19,161)
```
#310ca8
```
#310ca8 rgb(49,12,168)
```
#2d05af
```
#2d05af rgb(45,5,175)
```

Tone Color Variation

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

#003f7a Protanopia 1% of men
#004269 Deuteranopia 1% of men
#00474a Tritanopia 0.001% of the population

Trichromacy

#112c8a Protanomaly 1% of men, 0.01% of women
#112e80 Deuteranomaly 6% of men, 0.4% of women
#11316c Tritanomaly 0.01% of the population

#310ca8 hex color

#310ca8 Color Information

#310ca8 Color Conversion

Color Schemes with #310ca8

Alternatives to #310ca8

#310ca8 Preview

Shades and Tints of #310ca8

Tones of #310ca8

Color Blindness Simulator