#0031b2 hex color

In a RGB color space, hex #0031b2 is composed of 0% red, 19.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 72.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 223.5 degrees, a saturation of 100% and a lightness of 34.9%. #0031b2 color hex could be obtained by blending #0062ff with #000065. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 19
- B 70
RGB color chart
- C 100
- M 72
- Y 0
- K 30
CMYK color chart

● #0031b2 color description : Dark blue.

The hexadecimal color #0031b2 has RGB values of R:0, G:49, B:178 and CMYK values of C:1, M:0.72, Y:0, K:0.3. Its decimal value is 12722.

Hex triplet	0031b2	`#0031b2`
RGB Decimal	0, 49, 178	`rgb(0,49,178)`
RGB Percent	0, 19.2, 69.8	`rgb(0%,19.2%,69.8%)`
CMYK	100, 72, 0, 30
HSL	223.5°, 100, 34.9	`hsl(223.5,100%,34.9%)`
HSV (or HSB)	223.5°, 100, 69.8
Web Safe	003399	`#003399`

CIE-LAB	27.873, 39.903, -70.727
XYZ	9.133, 5.41, 42.68
xyY	0.16, 0.095, 5.41
CIE-LCH	27.873, 81.207, 299.431
CIE-LUV	27.873, -11.059, -88.888
Hunter-Lab	23.26, 29.38, -92.51
Binary	00000000, 00110001, 10110010

#0031b2
```
#0031b2 rgb(0,49,178)
```
#b28100
```
#b28100 rgb(178,129,0)
```

Complementary Color

#008ab2
```
#008ab2 rgb(0,138,178)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#2800b2
```
#2800b2 rgb(40,0,178)
```

Analogous Color

#8ab200
```
#8ab200 rgb(138,178,0)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#b22800
```
#b22800 rgb(178,40,0)
```

Split Complementary Color

#31b200
```
#31b200 rgb(49,178,0)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#b20031
```
#b20031 rgb(178,0,49)
```

Triadic Color

#00b281
```
#00b281 rgb(0,178,129)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#b20031
```
#b20031 rgb(178,0,49)
```
#b28100
```
#b28100 rgb(178,129,0)
```

Tetradic Color

#001c66
```
#001c66 rgb(0,28,102)
```
#00237f
```
#00237f rgb(0,35,127)
```
#002a99
```
#002a99 rgb(0,42,153)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#0038cc
```
#0038cc rgb(0,56,204)
```
#003fe5
```
#003fe5 rgb(0,63,229)
```
#0046ff
```
#0046ff rgb(0,70,255)
```

Monochromatic Color

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

#005db2
```
#005db2 rgb(0,93,178)
```
#004fb2
```
#004fb2 rgb(0,79,178)
```
#0040b2
```
#0040b2 rgb(0,64,178)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#0022b2
```
#0022b2 rgb(0,34,178)
```
#0013b2
```
#0013b2 rgb(0,19,178)
```
#0005b2
```
#0005b2 rgb(0,5,178)
```

Similar Colors

Text with hexadecimal color #0031b2

This text has a font color of #0031b2.

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

#0031b2 background color

This paragraph has a background color of #0031b2.

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

#0031b2 border color

This element has a border color of #0031b2.

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

CSS codes

.text {color:#0031b2;}

.background {background-color:#0031b2;}

.border {border:1px solid #0031b2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000615
```
#000615 rgb(0,6,21)
```
#000b29
```
#000b29 rgb(0,11,41)
```
#00113c
```
#00113c rgb(0,17,60)
```
#001650
```
#001650 rgb(0,22,80)
```
#001b64
```
#001b64 rgb(0,27,100)
```
#002177
```
#002177 rgb(0,33,119)
```
#00268b
```
#00268b rgb(0,38,139)
```
#002c9e
```
#002c9e rgb(0,44,158)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```
#0036c6
```
#0036c6 rgb(0,54,198)
```
#003cd9
```
#003cd9 rgb(0,60,217)
```
#0041ed
```
#0041ed rgb(0,65,237)
```

Shade Color Variation

#0147ff
```
#0147ff rgb(1,71,255)
```
#1555ff
```
#1555ff rgb(21,85,255)
```
#2964ff
```
#2964ff rgb(41,100,255)
```
#3c72ff
```
#3c72ff rgb(60,114,255)
```
#5080ff
```
#5080ff rgb(80,128,255)
```
#648eff
```
#648eff rgb(100,142,255)
```
#779dff
```
#779dff rgb(119,157,255)
```
#8babff
```
#8babff rgb(139,171,255)
```
#9eb9ff
```
#9eb9ff rgb(158,185,255)
```
#b2c7ff
```
#b2c7ff rgb(178,199,255)
```
#c6d5ff
```
#c6d5ff rgb(198,213,255)
```
#d9e4ff
```
#d9e4ff rgb(217,228,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#525660
```
#525660 rgb(82,86,96)
```
#4b5367
```
#4b5367 rgb(75,83,103)
```
#44506e
```
#44506e rgb(68,80,110)
```
#3e4d74
```
#3e4d74 rgb(62,77,116)
```
#374a7b
```
#374a7b rgb(55,74,123)
```
#304782
```
#304782 rgb(48,71,130)
```
#294389
```
#294389 rgb(41,67,137)
```
#224090
```
#224090 rgb(34,64,144)
```
#1b3d97
```
#1b3d97 rgb(27,61,151)
```
#153a9d
```
#153a9d rgb(21,58,157)
```
#0e37a4
```
#0e37a4 rgb(14,55,164)
```
#0734ab
```
#0734ab rgb(7,52,171)
```
#0031b2
```
#0031b2 rgb(0,49,178)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#27314b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005356 Tritanopia 0.001% of the population

Trichromacy

#00409b Protanomaly 1% of men, 0.01% of women
#00438f Deuteranomaly 6% of men, 0.4% of women
#004678 Tritanomaly 0.01% of the population

#0031b2 hex color

#0031b2 Color Information

#0031b2 Color Conversion

Color Schemes with #0031b2

Alternatives to #0031b2

#0031b2 Preview

Shades and Tints of #0031b2

Tones of #0031b2

Color Blindness Simulator