#031fe2 hex color

In a RGB color space, hex #031fe2 is composed of 1.2% red, 12.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 86.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 232.5 degrees, a saturation of 97.4% and a lightness of 44.9%. #031fe2 color hex could be obtained by blending #063eff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 12
- B 89
RGB color chart
- C 99
- M 86
- Y 0
- K 11
CMYK color chart

● #031fe2 color description : Vivid blue.

The hexadecimal color #031fe2 has RGB values of R:3, G:31, B:226 and CMYK values of C:0.99, M:0.86, Y:0, K:0.11. Its decimal value is 204770.

Hex triplet	031fe2	`#031fe2`
RGB Decimal	3, 31, 226	`rgb(3,31,226)`
RGB Percent	1.2, 12.2, 88.6	`rgb(1.2%,12.2%,88.6%)`
CMYK	99, 86, 0, 11
HSL	232.5°, 97.4, 44.9	`hsl(232.5,97.4%,44.9%)`
HSV (or HSB)	232.5°, 98.7, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.615, 64.71, -94.234
XYZ	14.252, 6.489, 72.449
xyY	0.153, 0.07, 6.489
CIE-LCH	30.615, 114.313, 304.477
CIE-LUV	30.615, -9.761, -115.73
Hunter-Lab	25.474, 55.289, -150.791
Binary	00000011, 00011111, 11100010

#031fe2
```
#031fe2 rgb(3,31,226)
```
#e2c603
```
#e2c603 rgb(226,198,3)
```

Complementary Color

#038fe2
```
#038fe2 rgb(3,143,226)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#5603e2
```
#5603e2 rgb(86,3,226)
```

Analogous Color

#8fe203
```
#8fe203 rgb(143,226,3)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#e25603
```
#e25603 rgb(226,86,3)
```

Split Complementary Color

#1fe203
```
#1fe203 rgb(31,226,3)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#e2031f
```
#e2031f rgb(226,3,31)
```

Triadic Color

#03e2c6
```
#03e2c6 rgb(3,226,198)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#e2031f
```
#e2031f rgb(226,3,31)
```
#e2c603
```
#e2c603 rgb(226,198,3)
```

Tetradic Color

#021597
```
#021597 rgb(2,21,151)
```
#0218b0
```
#0218b0 rgb(2,24,176)
```
#031cc9
```
#031cc9 rgb(3,28,201)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#0322fb
```
#0322fb rgb(3,34,251)
```
#1c38fc
```
#1c38fc rgb(28,56,252)
```
#354efc
```
#354efc rgb(53,78,252)
```

Monochromatic Color

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

#0357e2
```
#0357e2 rgb(3,87,226)
```
#0344e2
```
#0344e2 rgb(3,68,226)
```
#0332e2
```
#0332e2 rgb(3,50,226)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#030ce2
```
#030ce2 rgb(3,12,226)
```
#0c03e2
```
#0c03e2 rgb(12,3,226)
```
#1f03e2
```
#1f03e2 rgb(31,3,226)
```

Similar Colors

Text with hexadecimal color #031fe2

This text has a font color of #031fe2.

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

#031fe2 background color

This paragraph has a background color of #031fe2.

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

#031fe2 border color

This element has a border color of #031fe2.

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

CSS codes

.text {color:#031fe2;}

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

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

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

#00020d
```
#00020d rgb(0,2,13)
```
#000420
```
#000420 rgb(0,4,32)
```
#010734
```
#010734 rgb(1,7,52)
```
#010a47
```
#010a47 rgb(1,10,71)
```
#010c5a
```
#010c5a rgb(1,12,90)
```
#010f6e
```
#010f6e rgb(1,15,110)
```
#021281
```
#021281 rgb(2,18,129)
```
#021495
```
#021495 rgb(2,20,149)
```
#0217a8
```
#0217a8 rgb(2,23,168)
```
#021abb
```
#021abb rgb(2,26,187)
```
#031ccf
```
#031ccf rgb(3,28,207)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```
#0322f5
```
#0322f5 rgb(3,34,245)
```

Shade Color Variation

#102efc
```
#102efc rgb(16,46,252)
```
#243ffc
```
#243ffc rgb(36,63,252)
```
#3750fc
```
#3750fc rgb(55,80,252)
```
#4a61fd
```
#4a61fd rgb(74,97,253)
```
#5e72fd
```
#5e72fd rgb(94,114,253)
```
#7183fd
```
#7183fd rgb(113,131,253)
```
#8594fd
```
#8594fd rgb(133,148,253)
```
#98a5fe
```
#98a5fe rgb(152,165,254)
```
#abb6fe
```
#abb6fe rgb(171,182,254)
```
#bfc7fe
```
#bfc7fe rgb(191,199,254)
```
#d2d8fe
```
#d2d8fe rgb(210,216,254)
```
#e5e9ff
```
#e5e9ff rgb(229,233,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#6d6e78
```
#6d6e78 rgb(109,110,120)
```
#646881
```
#646881 rgb(100,104,129)
```
#5b618a
```
#5b618a rgb(91,97,138)
```
#525a93
```
#525a93 rgb(82,90,147)
```
#49549c
```
#49549c rgb(73,84,156)
```
#414da4
```
#414da4 rgb(65,77,164)
```
#3847ad
```
#3847ad rgb(56,71,173)
```
#2f40b6
```
#2f40b6 rgb(47,64,182)
```
#2639bf
```
#2639bf rgb(38,57,191)
```
#1d33c8
```
#1d33c8 rgb(29,51,200)
```
#152cd0
```
#152cd0 rgb(21,44,208)
```
#0c26d9
```
#0c26d9 rgb(12,38,217)
```
#031fe2
```
#031fe2 rgb(3,31,226)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#252a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005484 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#013db4 Protanomaly 1% of men, 0.01% of women
#0140a6 Deuteranomaly 6% of men, 0.4% of women
#01448d Tritanomaly 0.01% of the population

#031fe2 hex color

#031fe2 Color Information

#031fe2 Color Conversion

Color Schemes with #031fe2

Alternatives to #031fe2

#031fe2 Preview

Shades and Tints of #031fe2

Tones of #031fe2

Color Blindness Simulator