#031ae0 hex color

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

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

● #031ae0 color description : Vivid blue.

The hexadecimal color #031ae0 has RGB values of R:3, G:26, B:224 and CMYK values of C:0.99, M:0.88, Y:0, K:0.12. Its decimal value is 203488.

Hex triplet	031ae0	`#031ae0`
RGB Decimal	3, 26, 224	`rgb(3,26,224)`
RGB Percent	1.2, 10.2, 87.8	`rgb(1.2%,10.2%,87.8%)`
CMYK	99, 88, 0, 12
HSL	233.8°, 97.4, 44.5	`hsl(233.8,97.4%,44.5%)`
HSV (or HSB)	233.8°, 98.7, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.76, 65.926, -94.512
XYZ	13.859, 6.139, 70.971
xyY	0.152, 0.067, 6.139
CIE-LCH	29.76, 115.233, 304.897
CIE-LUV	29.76, -9.279, -114.154
Hunter-Lab	24.777, 56.484, -152.489
Binary	00000011, 00011010, 11100000

#031ae0
```
#031ae0 rgb(3,26,224)
```
#e0c903
```
#e0c903 rgb(224,201,3)
```

Complementary Color

#0389e0
```
#0389e0 rgb(3,137,224)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#5a03e0
```
#5a03e0 rgb(90,3,224)
```

Analogous Color

#89e003
```
#89e003 rgb(137,224,3)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#e05a03
```
#e05a03 rgb(224,90,3)
```

Split Complementary Color

#1ae003
```
#1ae003 rgb(26,224,3)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#e0031a
```
#e0031a rgb(224,3,26)
```

Triadic Color

#03e0c9
```
#03e0c9 rgb(3,224,201)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#e0031a
```
#e0031a rgb(224,3,26)
```
#e0c903
```
#e0c903 rgb(224,201,3)
```

Tetradic Color

#021195
```
#021195 rgb(2,17,149)
```
#0214ae
```
#0214ae rgb(2,20,174)
```
#0317c7
```
#0317c7 rgb(3,23,199)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#031df9
```
#031df9 rgb(3,29,249)
```
#1a32fc
```
#1a32fc rgb(26,50,252)
```
#3348fc
```
#3348fc rgb(51,72,252)
```

Monochromatic Color

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

#0351e0
```
#0351e0 rgb(3,81,224)
```
#033fe0
```
#033fe0 rgb(3,63,224)
```
#032ce0
```
#032ce0 rgb(3,44,224)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#0308e0
```
#0308e0 rgb(3,8,224)
```
#1103e0
```
#1103e0 rgb(17,3,224)
```
#2303e0
```
#2303e0 rgb(35,3,224)
```

Similar Colors

Text with hexadecimal color #031ae0

This text has a font color of #031ae0.

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

#031ae0 background color

This paragraph has a background color of #031ae0.

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

#031ae0 border color

This element has a border color of #031ae0.

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

CSS codes

.text {color:#031ae0;}

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

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

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, #00010b is the darkest color, while #f7f8ff is the lightest one.

#00010b
```
#00010b rgb(0,1,11)
```
#00041e
```
#00041e rgb(0,4,30)
```
#010632
```
#010632 rgb(1,6,50)
```
#010845
```
#010845 rgb(1,8,69)
```
#010a59
```
#010a59 rgb(1,10,89)
```
#010d6c
```
#010d6c rgb(1,13,108)
```
#020f7f
```
#020f7f rgb(2,15,127)
```
#021193
```
#021193 rgb(2,17,147)
```
#0213a6
```
#0213a6 rgb(2,19,166)
```
#0216b9
```
#0216b9 rgb(2,22,185)
```
#0318cd
```
#0318cd rgb(3,24,205)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```
#031cf3
```
#031cf3 rgb(3,28,243)
```

Shade Color Variation

#0e27fc
```
#0e27fc rgb(14,39,252)
```
#2239fc
```
#2239fc rgb(34,57,252)
```
#354afc
```
#354afc rgb(53,74,252)
```
#495bfd
```
#495bfd rgb(73,91,253)
```
#5c6dfd
```
#5c6dfd rgb(92,109,253)
```
#6f7efd
```
#6f7efd rgb(111,126,253)
```
#838ffd
```
#838ffd rgb(131,143,253)
```
#96a1fe
```
#96a1fe rgb(150,161,254)
```
#a9b2fe
```
#a9b2fe rgb(169,178,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#d0d5fe
```
#d0d5fe rgb(208,213,254)
```
#e3e6ff
```
#e3e6ff rgb(227,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#6c6d77
```
#6c6d77 rgb(108,109,119)
```
#636680
```
#636680 rgb(99,102,128)
```
#5a5f89
```
#5a5f89 rgb(90,95,137)
```
#525891
```
#525891 rgb(82,88,145)
```
#49519a
```
#49519a rgb(73,81,154)
```
#404aa3
```
#404aa3 rgb(64,74,163)
```
#3743ac
```
#3743ac rgb(55,67,172)
```
#2f3db4
```
#2f3db4 rgb(47,61,180)
```
#2636bd
```
#2636bd rgb(38,54,189)
```
#1d2fc6
```
#1d2fc6 rgb(29,47,198)
```
#1428cf
```
#1428cf rgb(20,40,207)
```
#0c21d7
```
#0c21d7 rgb(12,33,215)
```
#031ae0
```
#031ae0 rgb(3,26,224)
```

Tone Color Variation

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

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#013ab1 Protanomaly 1% of men, 0.01% of women
#013da3 Deuteranomaly 6% of men, 0.4% of women
#01418b Tritanomaly 0.01% of the population

#031ae0 hex color

#031ae0 Color Information

#031ae0 Color Conversion

Color Schemes with #031ae0

Alternatives to #031ae0

#031ae0 Preview

Shades and Tints of #031ae0

Tones of #031ae0

Color Blindness Simulator