#031680 hex color

In a RGB color space, hex #031680 is composed of 1.2% red, 8.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 82.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 230.9 degrees, a saturation of 95.4% and a lightness of 25.7%. #031680 color hex could be obtained by blending #062cff with #000001. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 50
RGB color chart
- C 98
- M 83
- Y 0
- K 50
CMYK color chart

● #031680 color description : Dark blue.

The hexadecimal color #031680 has RGB values of R:3, G:22, B:128 and CMYK values of C:0.98, M:0.83, Y:0, K:0.5. Its decimal value is 202368.

Hex triplet	031680	`#031680`
RGB Decimal	3, 22, 128	`rgb(3,22,128)`
RGB Percent	1.2, 8.6, 50.2	`rgb(1.2%,8.6%,50.2%)`
CMYK	98, 83, 0, 50
HSL	230.9°, 95.4, 25.7	`hsl(230.9,95.4%,25.7%)`
HSV (or HSB)	230.9°, 97.7, 50.2
Web Safe	000099	`#000099`

CIE-LAB	16.262, 37.987, -59.216
XYZ	4.22, 2.151, 20.614
xyY	0.156, 0.08, 2.151
CIE-LCH	16.262, 70.353, 302.68
CIE-LUV	16.262, -5.534, -57.383
Hunter-Lab	14.667, 25.688, -73.059
Binary	00000011, 00010110, 10000000

#031680
```
#031680 rgb(3,22,128)
```
#806d03
```
#806d03 rgb(128,109,3)
```

Complementary Color

#035580
```
#035580 rgb(3,85,128)
```
#031680
```
#031680 rgb(3,22,128)
```
#2e0380
```
#2e0380 rgb(46,3,128)
```

Analogous Color

#558003
```
#558003 rgb(85,128,3)
```
#031680
```
#031680 rgb(3,22,128)
```
#802e03
```
#802e03 rgb(128,46,3)
```

Split Complementary Color

#168003
```
#168003 rgb(22,128,3)
```
#031680
```
#031680 rgb(3,22,128)
```
#800316
```
#800316 rgb(128,3,22)
```

Triadic Color

#03806d
```
#03806d rgb(3,128,109)
```
#031680
```
#031680 rgb(3,22,128)
```
#800316
```
#800316 rgb(128,3,22)
```
#806d03
```
#806d03 rgb(128,109,3)
```

Tetradic Color

#010935
```
#010935 rgb(1,9,53)
```
#020d4e
```
#020d4e rgb(2,13,78)
```
#021267
```
#021267 rgb(2,18,103)
```
#031680
```
#031680 rgb(3,22,128)
```
#041a99
```
#041a99 rgb(4,26,153)
```
#041fb2
```
#041fb2 rgb(4,31,178)
```
#0523cb
```
#0523cb rgb(5,35,203)
```

Monochromatic Color

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

#033580
```
#033580 rgb(3,53,128)
```
#032b80
```
#032b80 rgb(3,43,128)
```
#032080
```
#032080 rgb(3,32,128)
```
#031680
```
#031680 rgb(3,22,128)
```
#030c80
```
#030c80 rgb(3,12,128)
```
#050380
```
#050380 rgb(5,3,128)
```
#0f0380
```
#0f0380 rgb(15,3,128)
```

Similar Colors

Text with hexadecimal color #031680

This text has a font color of #031680.

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

#031680 background color

This paragraph has a background color of #031680.

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

#031680 border color

This element has a border color of #031680.

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

CSS codes

.text {color:#031680;}

.background {background-color:#031680;}

.border {border:1px solid #031680;}

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, #00020d is the darkest color, while #f9faff is the lightest one.

#00020d
```
#00020d rgb(0,2,13)
```
#010620
```
#010620 rgb(1,6,32)
```
#010933
```
#010933 rgb(1,9,51)
```
#020c47
```
#020c47 rgb(2,12,71)
```
#020f5a
```
#020f5a rgb(2,15,90)
```
#03136d
```
#03136d rgb(3,19,109)
```
#031680
```
#031680 rgb(3,22,128)
```
#031993
```
#031993 rgb(3,25,147)
```
#041da6
```
#041da6 rgb(4,29,166)
```
#0420b9
```
#0420b9 rgb(4,32,185)
```
#0523cd
```
#0523cd rgb(5,35,205)
```
#0526e0
```
#0526e0 rgb(5,38,224)
```
#062af3
```
#062af3 rgb(6,42,243)
```

Shade Color Variation

#1336f9
```
#1336f9 rgb(19,54,249)
```
#2646fa
```
#2646fa rgb(38,70,250)
```
#3957fa
```
#3957fa rgb(57,87,250)
```
#4c67fb
```
#4c67fb rgb(76,103,251)
```
#6077fb
```
#6077fb rgb(96,119,251)
```
#7388fc
```
#7388fc rgb(115,136,252)
```
#8698fc
```
#8698fc rgb(134,152,252)
```
#99a8fd
```
#99a8fd rgb(153,168,253)
```
#acb8fd
```
#acb8fd rgb(172,184,253)
```
#bfc9fe
```
#bfc9fe rgb(191,201,254)
```
#d3d9fe
```
#d3d9fe rgb(211,217,254)
```
#e6e9fe
```
#e6e9fe rgb(230,233,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#3f4044
```
#3f4044 rgb(63,64,68)
```
#3a3d49
```
#3a3d49 rgb(58,61,73)
```
#35394e
```
#35394e rgb(53,57,78)
```
#303653
```
#303653 rgb(48,54,83)
```
#2b3258
```
#2b3258 rgb(43,50,88)
```
#262f5d
```
#262f5d rgb(38,47,93)
```
#212b62
```
#212b62 rgb(33,43,98)
```
#1c2867
```
#1c2867 rgb(28,40,103)
```
#17246c
```
#17246c rgb(23,36,108)
```
#122171
```
#122171 rgb(18,33,113)
```
#0d1d76
```
#0d1d76 rgb(13,29,118)
```
#081a7b
```
#081a7b rgb(8,26,123)
```
#031680
```
#031680 rgb(3,22,128)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171b30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003261 Protanopia 1% of men
#003553 Deuteranopia 1% of men
#00383b Tritanopia 0.001% of the population

Trichromacy

#01276c Protanomaly 1% of men, 0.01% of women
#012963 Deuteranomaly 6% of men, 0.4% of women
#012c54 Tritanomaly 0.01% of the population

#031680 hex color

#031680 Color Information

#031680 Color Conversion

Color Schemes with #031680

Alternatives to #031680

#031680 Preview

Shades and Tints of #031680

Tones of #031680

Color Blindness Simulator