#031c63 hex color

In a RGB color space, hex #031c63 is composed of 1.2% red, 11% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 71.7% magenta, 0% yellow and 61.2% black. It has a hue angle of 224.4 degrees, a saturation of 94.1% and a lightness of 20%. #031c63 color hex could be obtained by blending #0638c6 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 11
- B 39
RGB color chart
- C 97
- M 72
- Y 0
- K 61
CMYK color chart

● #031c63 color description : Very dark blue.

The hexadecimal color #031c63 has RGB values of R:3, G:28, B:99 and CMYK values of C:0.97, M:0.72, Y:0, K:0.61. Its decimal value is 203875.

Hex triplet	031c63	`#031c63`
RGB Decimal	3, 28, 99	`rgb(3,28,99)`
RGB Percent	1.2, 11, 38.8	`rgb(1.2%,11%,38.8%)`
CMYK	97, 72, 0, 61
HSL	224.4°, 94.1, 20	`hsl(224.4,94.1%,20%)`
HSV (or HSB)	224.4°, 97, 38.8
Web Safe	003366	`#003366`

CIE-LAB	14.119, 22.821, -43.957
XYZ	2.704, 1.75, 11.999
xyY	0.164, 0.106, 1.75
CIE-LCH	14.119, 49.528, 297.437
CIE-LUV	14.119, -5.746, -41.447
Hunter-Lab	13.231, 13.333, -44.509
Binary	00000011, 00011100, 01100011

#031c63
```
#031c63 rgb(3,28,99)
```
#634a03
```
#634a03 rgb(99,74,3)
```

Complementary Color

#034c63
```
#034c63 rgb(3,76,99)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#1a0363
```
#1a0363 rgb(26,3,99)
```

Analogous Color

#4c6303
```
#4c6303 rgb(76,99,3)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#631a03
```
#631a03 rgb(99,26,3)
```

Split Complementary Color

#1c6303
```
#1c6303 rgb(28,99,3)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#63031c
```
#63031c rgb(99,3,28)
```

Triadic Color

#03634a
```
#03634a rgb(3,99,74)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#63031c
```
#63031c rgb(99,3,28)
```
#634a03
```
#634a03 rgb(99,74,3)
```

Tetradic Color

#010719
```
#010719 rgb(1,7,25)
```
#020e32
```
#020e32 rgb(2,14,50)
```
#02154a
```
#02154a rgb(2,21,74)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#04237c
```
#04237c rgb(4,35,124)
```
#052a95
```
#052a95 rgb(5,42,149)
```
#0531ad
```
#0531ad rgb(5,49,173)
```

Monochromatic Color

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

#033463
```
#033463 rgb(3,52,99)
```
#032c63
```
#032c63 rgb(3,44,99)
```
#032463
```
#032463 rgb(3,36,99)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#031463
```
#031463 rgb(3,20,99)
```
#030c63
```
#030c63 rgb(3,12,99)
```
#030463
```
#030463 rgb(3,4,99)
```

Similar Colors

Text with hexadecimal color #031c63

This text has a font color of #031c63.

<span style="color:#031c63;">Text here</span>

#031c63 background color

This paragraph has a background color of #031c63.

<p style="background-color:#031c63;">Content here</p>

#031c63 border color

This element has a border color of #031c63.

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

CSS codes

.text {color:#031c63;}

.background {background-color:#031c63;}

.border {border:1px solid #031c63;}

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

#000104
```
#000104 rgb(0,1,4)
```
#010617
```
#010617 rgb(1,6,23)
```
#010c2a
```
#010c2a rgb(1,12,42)
```
#02113d
```
#02113d rgb(2,17,61)
```
#021750
```
#021750 rgb(2,23,80)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#042176
```
#042176 rgb(4,33,118)
```
#042789
```
#042789 rgb(4,39,137)
```
#052c9c
```
#052c9c rgb(5,44,156)
```
#0532af
```
#0532af rgb(5,50,175)
```
#0637c2
```
#0637c2 rgb(6,55,194)
```
#063cd5
```
#063cd5 rgb(6,60,213)
```
#0742e8
```
#0742e8 rgb(7,66,232)
```

Shade Color Variation

#0b49f8
```
#0b49f8 rgb(11,73,248)
```
#1e57f8
```
#1e57f8 rgb(30,87,248)
```
#3165f9
```
#3165f9 rgb(49,101,249)
```
#4474f9
```
#4474f9 rgb(68,116,249)
```
#5782fa
```
#5782fa rgb(87,130,250)
```
#6b90fb
```
#6b90fb rgb(107,144,251)
```
#7e9efb
```
#7e9efb rgb(126,158,251)
```
#91acfc
```
#91acfc rgb(145,172,252)
```
#a4bbfc
```
#a4bbfc rgb(164,187,252)
```
#b7c9fd
```
#b7c9fd rgb(183,201,253)
```
#cad7fd
```
#cad7fd rgb(202,215,253)
```
#dde5fe
```
#dde5fe rgb(221,229,254)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#323334
```
#323334 rgb(50,51,52)
```
#2e3138
```
#2e3138 rgb(46,49,56)
```
#2a2f3c
```
#2a2f3c rgb(42,47,60)
```
#262d40
```
#262d40 rgb(38,45,64)
```
#222b44
```
#222b44 rgb(34,43,68)
```
#1e2948
```
#1e2948 rgb(30,41,72)
```
#1b274b
```
#1b274b rgb(27,39,75)
```
#17254f
```
#17254f rgb(23,37,79)
```
#132453
```
#132453 rgb(19,36,83)
```
#0f2257
```
#0f2257 rgb(15,34,87)
```
#0b205b
```
#0b205b rgb(11,32,91)
```
#071e5f
```
#071e5f rgb(7,30,95)
```
#031c63
```
#031c63 rgb(3,28,99)
```

Tone Color Variation

Below, you can see how #031c63 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

#1d1d1d Achromatopsia 0.005% of the population
#181d2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#002d59 Protanopia 1% of men
#00304d Deuteranopia 1% of men
#003336 Tritanopia 0.001% of the population

Trichromacy

#01275c Protanomaly 1% of men, 0.01% of women
#012955 Deuteranomaly 6% of men, 0.4% of women
#012b46 Tritanomaly 0.01% of the population

#031c63 hex color

#031c63 Color Information

#031c63 Color Conversion

Color Schemes with #031c63

Alternatives to #031c63

#031c63 Preview

Shades and Tints of #031c63

Tones of #031c63

Color Blindness Simulator