#031fbd hex color

In a RGB color space, hex #031fbd is composed of 1.2% red, 12.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 83.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 231 degrees, a saturation of 96.9% and a lightness of 37.6%. #031fbd color hex could be obtained by blending #063eff with #00007b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 12
- B 74
RGB color chart
- C 98
- M 84
- Y 0
- K 26
CMYK color chart

● #031fbd color description : Strong blue.

The hexadecimal color #031fbd has RGB values of R:3, G:31, B:189 and CMYK values of C:0.98, M:0.84, Y:0, K:0.26. Its decimal value is 204733.

Hex triplet	031fbd	`#031fbd`
RGB Decimal	3, 31, 189	`rgb(3,31,189)`
RGB Percent	1.2, 12.2, 74.1	`rgb(1.2%,12.2%,74.1%)`
CMYK	98, 84, 0, 26
HSL	231°, 96.9, 37.6	`hsl(231,96.9%,37.6%)`
HSV (or HSB)	231°, 98.4, 74.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	25.781, 53.656, -80.738
XYZ	9.711, 4.673, 48.531
xyY	0.154, 0.074, 4.673
CIE-LCH	25.781, 96.941, 303.607
CIE-LUV	25.781, -8.547, -94.432
Hunter-Lab	21.616, 42.361, -117.982
Binary	00000011, 00011111, 10111101

#031fbd
```
#031fbd rgb(3,31,189)
```
#bda103
```
#bda103 rgb(189,161,3)
```

Complementary Color

#037cbd
```
#037cbd rgb(3,124,189)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#4403bd
```
#4403bd rgb(68,3,189)
```

Analogous Color

#7cbd03
```
#7cbd03 rgb(124,189,3)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#bd4403
```
#bd4403 rgb(189,68,3)
```

Split Complementary Color

#1fbd03
```
#1fbd03 rgb(31,189,3)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#bd031f
```
#bd031f rgb(189,3,31)
```

Triadic Color

#03bda1
```
#03bda1 rgb(3,189,161)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#bd031f
```
#bd031f rgb(189,3,31)
```
#bda103
```
#bda103 rgb(189,161,3)
```

Tetradic Color

#021372
```
#021372 rgb(2,19,114)
```
#02178b
```
#02178b rgb(2,23,139)
```
#031ba4
```
#031ba4 rgb(3,27,164)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#0323d6
```
#0323d6 rgb(3,35,214)
```
#0427ef
```
#0427ef rgb(4,39,239)
```
#1134fb
```
#1134fb rgb(17,52,251)
```

Monochromatic Color

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

#034dbd
```
#034dbd rgb(3,77,189)
```
#033ebd
```
#033ebd rgb(3,62,189)
```
#032ebd
```
#032ebd rgb(3,46,189)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#030fbd
```
#030fbd rgb(3,15,189)
```
#0603bd
```
#0603bd rgb(6,3,189)
```
#1603bd
```
#1603bd rgb(22,3,189)
```

Similar Colors

Text with hexadecimal color #031fbd

This text has a font color of #031fbd.

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

#031fbd background color

This paragraph has a background color of #031fbd.

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

#031fbd border color

This element has a border color of #031fbd.

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

CSS codes

.text {color:#031fbd;}

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

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

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

#00020f
```
#00020f rgb(0,2,15)
```
#010623
```
#010623 rgb(1,6,35)
```
#010936
```
#010936 rgb(1,9,54)
```
#010c49
```
#010c49 rgb(1,12,73)
```
#010f5c
```
#010f5c rgb(1,15,92)
```
#021270
```
#021270 rgb(2,18,112)
```
#021583
```
#021583 rgb(2,21,131)
```
#021996
```
#021996 rgb(2,25,150)
```
#031caa
```
#031caa rgb(3,28,170)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#0322d0
```
#0322d0 rgb(3,34,208)
```
#0425e4
```
#0425e4 rgb(4,37,228)
```
#0429f7
```
#0429f7 rgb(4,41,247)
```

Shade Color Variation

#1336fb
```
#1336fb rgb(19,54,251)
```
#2747fc
```
#2747fc rgb(39,71,252)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#4d67fc
```
#4d67fc rgb(77,103,252)
```
#6078fc
```
#6078fc rgb(96,120,252)
```
#7488fd
```
#7488fd rgb(116,136,253)
```
#8799fd
```
#8799fd rgb(135,153,253)
```
#9aa9fd
```
#9aa9fd rgb(154,169,253)
```
#aebafe
```
#aebafe rgb(174,186,254)
```
#c1cafe
```
#c1cafe rgb(193,202,254)
```
#d4dbfe
```
#d4dbfe rgb(212,219,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#5c5d64
```
#5c5d64 rgb(92,93,100)
```
#54586c
```
#54586c rgb(84,88,108)
```
#4d5373
```
#4d5373 rgb(77,83,115)
```
#454d7b
```
#454d7b rgb(69,77,123)
```
#3e4882
```
#3e4882 rgb(62,72,130)
```
#374389
```
#374389 rgb(55,67,137)
```
#2f3e91
```
#2f3e91 rgb(47,62,145)
```
#283998
```
#283998 rgb(40,57,152)
```
#21349f
```
#21349f rgb(33,52,159)
```
#192ea7
```
#192ea7 rgb(25,46,167)
```
#1229ae
```
#1229ae rgb(18,41,174)
```
#0a24b6
```
#0a24b6 rgb(10,36,182)
```
#031fbd
```
#031fbd rgb(3,31,189)
```

Tone Color Variation

Below, you can see how #031fbd 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
#212747 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004e51 Tritanopia 0.001% of the population

Trichromacy

#01379a Protanomaly 1% of men, 0.01% of women
#01398e Deuteranomaly 6% of men, 0.4% of women
#013d78 Tritanomaly 0.01% of the population

#031fbd hex color

#031fbd Color Information

#031fbd Color Conversion

Color Schemes with #031fbd

Alternatives to #031fbd

#031fbd Preview

Shades and Tints of #031fbd

Tones of #031fbd

Color Blindness Simulator