#031ae2 hex color

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

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

● #031ae2 color description : Vivid blue.

The hexadecimal color #031ae2 has RGB values of R:3, G:26, B:226 and CMYK values of C:0.99, M:0.88, Y:0, K:0.11. Its decimal value is 203490.

Hex triplet	031ae2	`#031ae2`
RGB Decimal	3, 26, 226	`rgb(3,26,226)`
RGB Percent	1.2, 10.2, 88.6	`rgb(1.2%,10.2%,88.6%)`
CMYK	99, 88, 0, 11
HSL	233.8°, 97.4, 44.9	`hsl(233.8,97.4%,44.9%)`
HSV (or HSB)	233.8°, 98.7, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.03, 66.48, -95.21
XYZ	14.132, 6.248, 72.408
xyY	0.152, 0.067, 6.248
CIE-LCH	30.03, 116.122, 304.924
CIE-LUV	30.03, -9.351, -115.303
Hunter-Lab	24.996, 57.173, -154.254
Binary	00000011, 00011010, 11100010

#031ae2
```
#031ae2 rgb(3,26,226)
```
#e2cb03
```
#e2cb03 rgb(226,203,3)
```

Complementary Color

#038ae2
```
#038ae2 rgb(3,138,226)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#5b03e2
```
#5b03e2 rgb(91,3,226)
```

Analogous Color

#8ae203
```
#8ae203 rgb(138,226,3)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#e25b03
```
#e25b03 rgb(226,91,3)
```

Split Complementary Color

#1ae203
```
#1ae203 rgb(26,226,3)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#e2031a
```
#e2031a rgb(226,3,26)
```

Triadic Color

#03e2cb
```
#03e2cb rgb(3,226,203)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#e2031a
```
#e2031a rgb(226,3,26)
```
#e2cb03
```
#e2cb03 rgb(226,203,3)
```

Tetradic Color

#021197
```
#021197 rgb(2,17,151)
```
#0214b0
```
#0214b0 rgb(2,20,176)
```
#0317c9
```
#0317c9 rgb(3,23,201)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#031dfb
```
#031dfb rgb(3,29,251)
```
#1c33fc
```
#1c33fc rgb(28,51,252)
```
#354afc
```
#354afc rgb(53,74,252)
```

Monochromatic Color

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

#0352e2
```
#0352e2 rgb(3,82,226)
```
#033fe2
```
#033fe2 rgb(3,63,226)
```
#032de2
```
#032de2 rgb(3,45,226)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#0307e2
```
#0307e2 rgb(3,7,226)
```
#1103e2
```
#1103e2 rgb(17,3,226)
```
#2403e2
```
#2403e2 rgb(36,3,226)
```

Similar Colors

Text with hexadecimal color #031ae2

This text has a font color of #031ae2.

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

#031ae2 background color

This paragraph has a background color of #031ae2.

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

#031ae2 border color

This element has a border color of #031ae2.

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

CSS codes

.text {color:#031ae2;}

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

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

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)
```
#010634
```
#010634 rgb(1,6,52)
```
#010847
```
#010847 rgb(1,8,71)
```
#010a5a
```
#010a5a rgb(1,10,90)
```
#010d6e
```
#010d6e rgb(1,13,110)
```
#020f81
```
#020f81 rgb(2,15,129)
```
#021195
```
#021195 rgb(2,17,149)
```
#0213a8
```
#0213a8 rgb(2,19,168)
```
#0216bb
```
#0216bb rgb(2,22,187)
```
#0318cf
```
#0318cf rgb(3,24,207)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```
#031cf5
```
#031cf5 rgb(3,28,245)
```

Shade Color Variation

#1029fc
```
#1029fc rgb(16,41,252)
```
#243afc
```
#243afc rgb(36,58,252)
```
#374bfc
```
#374bfc rgb(55,75,252)
```
#4a5dfd
```
#4a5dfd rgb(74,93,253)
```
#5e6efd
```
#5e6efd rgb(94,110,253)
```
#7180fd
```
#7180fd rgb(113,128,253)
```
#8591fd
```
#8591fd rgb(133,145,253)
```
#98a2fe
```
#98a2fe rgb(152,162,254)
```
#abb4fe
```
#abb4fe rgb(171,180,254)
```
#bfc5fe
```
#bfc5fe rgb(191,197,254)
```
#d2d7fe
```
#d2d7fe rgb(210,215,254)
```
#e5e8ff
```
#e5e8ff rgb(229,232,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 #031ae2 is the most saturated one.

#6d6e78
```
#6d6e78 rgb(109,110,120)
```
#646781
```
#646781 rgb(100,103,129)
```
#5b608a
```
#5b608a rgb(91,96,138)
```
#525993
```
#525993 rgb(82,89,147)
```
#49529c
```
#49529c rgb(73,82,156)
```
#414ba4
```
#414ba4 rgb(65,75,164)
```
#3844ad
```
#3844ad rgb(56,68,173)
```
#2f3db6
```
#2f3db6 rgb(47,61,182)
```
#2636bf
```
#2636bf rgb(38,54,191)
```
#1d2fc8
```
#1d2fc8 rgb(29,47,200)
```
#1528d0
```
#1528d0 rgb(21,40,208)
```
#0c21d9
```
#0c21d9 rgb(12,33,217)
```
#031ae2
```
#031ae2 rgb(3,26,226)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#22274f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#013bb2 Protanomaly 1% of men, 0.01% of women
#013ea5 Deuteranomaly 6% of men, 0.4% of women
#01418c Tritanomaly 0.01% of the population

#031ae2 hex color

#031ae2 Color Information

#031ae2 Color Conversion

Color Schemes with #031ae2

Alternatives to #031ae2

#031ae2 Preview

Shades and Tints of #031ae2

Tones of #031ae2

Color Blindness Simulator