colorhexa.com

#0c31a5 hex color

In a RGB color space, hex #0c31a5 is composed of 4.7% red, 19.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 70.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 225.5 degrees, a saturation of 86.4% and a lightness of 34.7%. #0c31a5 color hex could be obtained by blending #1862ff with #00004b. Closest websafe color is: #003399.

- R 5
- G 19
- B 65
RGB color chart
- C 93
- M 70
- Y 0
- K 35
CMYK color chart

● #0c31a5 color description : Dark blue.

The hexadecimal color #0c31a5 has RGB values of R:12, G:49, B:165 and CMYK values of C:0.93, M:0.7, Y:0, K:0.35. Its decimal value is 799141.

Hex triplet	0c31a5	`#0c31a5`
RGB Decimal	12, 49, 165	`rgb(12,49,165)`
RGB Percent	4.7, 19.2, 64.7	`rgb(4.7%,19.2%,64.7%)`
CMYK	93, 70, 0, 35
HSL	225.5°, 86.4, 34.7	`hsl(225.5,86.4%,34.7%)`
HSV (or HSB)	225.5°, 92.7, 64.7
Web Safe	003399	`#003399`

CIE-LAB	26.708, 35.4, -64.834
XYZ	8.04, 4.991, 36.135
xyY	0.164, 0.102, 4.991
CIE-LCH	26.708, 73.868, 298.635
CIE-LUV	26.708, -10.323, -81.089
Hunter-Lab	22.34, 25.146, -80.263
Binary	00001100, 00110001, 10100101

#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#a5800c
```
#a5800c rgb(165,128,12)
```

Complementary Color

#0c7ea5
```
#0c7ea5 rgb(12,126,165)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#340ca5
```
#340ca5 rgb(52,12,165)
```

Analogous Color

#7ea50c
```
#7ea50c rgb(126,165,12)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#a5340c
```
#a5340c rgb(165,52,12)
```

Split Complementary Color

#31a50c
```
#31a50c rgb(49,165,12)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#a50c31
```
#a50c31 rgb(165,12,49)
```

Triadic Color

#0ca580
```
#0ca580 rgb(12,165,128)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#a50c31
```
#a50c31 rgb(165,12,49)
```
#a5800c
```
#a5800c rgb(165,128,12)
```

Tetradic Color

#071c5e
```
#071c5e rgb(7,28,94)
```
#092375
```
#092375 rgb(9,35,117)
```
#0a2a8d
```
#0a2a8d rgb(10,42,141)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#0e38bd
```
#0e38bd rgb(14,56,189)
```
#0f3fd5
```
#0f3fd5 rgb(15,63,213)
```
#1146ec
```
#1146ec rgb(17,70,236)
```

Monochromatic Color

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

#0c57a5
```
#0c57a5 rgb(12,87,165)
```
#0c4ba5
```
#0c4ba5 rgb(12,75,165)
```
#0c3ea5
```
#0c3ea5 rgb(12,62,165)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#0c24a5
```
#0c24a5 rgb(12,36,165)
```
#0c18a5
```
#0c18a5 rgb(12,24,165)
```
#0d0ca5
```
#0d0ca5 rgb(13,12,165)
```

Similar Colors

Text with hexadecimal color #0c31a5

This text has a font color of #0c31a5.

<span style="color:#0c31a5;">Text here</span>

#0c31a5 background color

This paragraph has a background color of #0c31a5.

<p style="background-color:#0c31a5;">Content here</p>

#0c31a5 border color

This element has a border color of #0c31a5.

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

CSS codes

.text {color:#0c31a5;}

.background {background-color:#0c31a5;}

.border {border:1px solid #0c31a5;}

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 #edf1fe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010613
```
#010613 rgb(1,6,19)
```
#030b25
```
#030b25 rgb(3,11,37)
```
#041037
```
#041037 rgb(4,16,55)
```
#05164a
```
#05164a rgb(5,22,74)
```
#071b5c
```
#071b5c rgb(7,27,92)
```
#08216e
```
#08216e rgb(8,33,110)
```
#092680
```
#092680 rgb(9,38,128)
```
#0b2c93
```
#0b2c93 rgb(11,44,147)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#0d36b7
```
#0d36b7 rgb(13,54,183)
```
#0f3cca
```
#0f3cca rgb(15,60,202)
```
#1041dc
```
#1041dc rgb(16,65,220)
```

Shade Color Variation

#1247ee
```
#1247ee rgb(18,71,238)
```
#2455ef
```
#2455ef rgb(36,85,239)
```
#3663f0
```
#3663f0 rgb(54,99,240)
```
#4971f2
```
#4971f2 rgb(73,113,242)
```
#5b80f3
```
#5b80f3 rgb(91,128,243)
```
#6d8ef4
```
#6d8ef4 rgb(109,142,244)
```
#7f9cf6
```
#7f9cf6 rgb(127,156,246)
```
#92aaf7
```
#92aaf7 rgb(146,170,247)
```
#a4b8f8
```
#a4b8f8 rgb(164,184,248)
```
#b6c7fa
```
#b6c7fa rgb(182,199,250)
```
#c9d5fb
```
#c9d5fb rgb(201,213,251)
```
#dbe3fc
```
#dbe3fc rgb(219,227,252)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57585a is the less saturated color, while #052dac is the most saturated one.

#57585a
```
#57585a rgb(87,88,90)
```
#505461
```
#505461 rgb(80,84,97)
```
#495168
```
#495168 rgb(73,81,104)
```
#424d6f
```
#424d6f rgb(66,77,111)
```
#3c4a75
```
#3c4a75 rgb(60,74,117)
```
#35467c
```
#35467c rgb(53,70,124)
```
#2e4383
```
#2e4383 rgb(46,67,131)
```
#273f8a
```
#273f8a rgb(39,63,138)
```
#203c91
```
#203c91 rgb(32,60,145)
```
#1a3897
```
#1a3897 rgb(26,56,151)
```
#13359e
```
#13359e rgb(19,53,158)
```
#0c31a5
```
#0c31a5 rgb(12,49,165)
```
#052dac
```
#052dac rgb(5,45,172)
```

Tone Color Variation

Below, you can see how #0c31a5 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

#333333 Achromatopsia 0.005% of the population
#2b334a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#043f93 Protanomaly 1% of men, 0.01% of women
#044188 Deuteranomaly 6% of men, 0.4% of women
#044571 Tritanomaly 0.01% of the population