#031ecc hex color

In a RGB color space, hex #031ecc is composed of 1.2% red, 11.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 85.3% magenta, 0% yellow and 20% black. It has a hue angle of 231.9 degrees, a saturation of 97.1% and a lightness of 40.6%. #031ecc color hex could be obtained by blending #063cff with #000099. Closest websafe color is: #0033cc.

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

● #031ecc color description : Strong blue.

The hexadecimal color #031ecc has RGB values of R:3, G:30, B:204 and CMYK values of C:0.99, M:0.85, Y:0, K:0.2. Its decimal value is 204492.

Hex triplet	031ecc	`#031ecc`
RGB Decimal	3, 30, 204	`rgb(3,30,204)`
RGB Percent	1.2, 11.8, 80	`rgb(1.2%,11.8%,80%)`
CMYK	99, 85, 0, 20
HSL	231.9°, 97.1, 40.6	`hsl(231.9,97.1%,40.6%)`
HSV (or HSB)	231.9°, 98.5, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.591, 58.679, -86.546
XYZ	11.399, 5.307, 57.547
xyY	0.154, 0.071, 5.307
CIE-LCH	27.591, 104.563, 304.138
CIE-LUV	27.591, -8.93, -103.007
Hunter-Lab	23.036, 48.012, -131.988
Binary	00000011, 00011110, 11001100

#031ecc
```
#031ecc rgb(3,30,204)
```
#ccb103
```
#ccb103 rgb(204,177,3)
```

Complementary Color

#0383cc
```
#0383cc rgb(3,131,204)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#4c03cc
```
#4c03cc rgb(76,3,204)
```

Analogous Color

#83cc03
```
#83cc03 rgb(131,204,3)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#cc4d03
```
#cc4d03 rgb(204,77,3)
```

Split Complementary Color

#1ecc03
```
#1ecc03 rgb(30,204,3)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#cc031e
```
#cc031e rgb(204,3,30)
```

Triadic Color

#03ccb1
```
#03ccb1 rgb(3,204,177)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#cc031e
```
#cc031e rgb(204,3,30)
```
#ccb103
```
#ccb103 rgb(204,177,3)
```

Tetradic Color

#021381
```
#021381 rgb(2,19,129)
```
#02179a
```
#02179a rgb(2,23,154)
```
#031ab3
```
#031ab3 rgb(3,26,179)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#0322e5
```
#0322e5 rgb(3,34,229)
```
#0728fb
```
#0728fb rgb(7,40,251)
```
#203dfc
```
#203dfc rgb(32,61,252)
```

Monochromatic Color

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

#0350cc
```
#0350cc rgb(3,80,204)
```
#0340cc
```
#0340cc rgb(3,64,204)
```
#032fcc
```
#032fcc rgb(3,47,204)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#030dcc
```
#030dcc rgb(3,13,204)
```
#0a03cc
```
#0a03cc rgb(10,3,204)
```
#1a03cc
```
#1a03cc rgb(26,3,204)
```

Similar Colors

Text with hexadecimal color #031ecc

This text has a font color of #031ecc.

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

#031ecc background color

This paragraph has a background color of #031ecc.

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

#031ecc border color

This element has a border color of #031ecc.

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

CSS codes

.text {color:#031ecc;}

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

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

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

#00020b
```
#00020b rgb(0,2,11)
```
#00041e
```
#00041e rgb(0,4,30)
```
#010731
```
#010731 rgb(1,7,49)
```
#010a45
```
#010a45 rgb(1,10,69)
```
#010d58
```
#010d58 rgb(1,13,88)
```
#02106b
```
#02106b rgb(2,16,107)
```
#02137f
```
#02137f rgb(2,19,127)
```
#021592
```
#021592 rgb(2,21,146)
```
#0218a5
```
#0218a5 rgb(2,24,165)
```
#031bb9
```
#031bb9 rgb(3,27,185)
```
#031ecc
```
#031ecc rgb(3,30,204)
```
#0321df
```
#0321df rgb(3,33,223)
```
#0424f3
```
#0424f3 rgb(4,36,243)
```

Shade Color Variation

#0e2efb
```
#0e2efb rgb(14,46,251)
```
#223ffc
```
#223ffc rgb(34,63,252)
```
#3550fc
```
#3550fc rgb(53,80,252)
```
#4861fc
```
#4861fc rgb(72,97,252)
```
#5c71fd
```
#5c71fd rgb(92,113,253)
```
#6f82fd
```
#6f82fd rgb(111,130,253)
```
#8293fd
```
#8293fd rgb(130,147,253)
```
#96a4fd
```
#96a4fd rgb(150,164,253)
```
#a9b4fe
```
#a9b4fe rgb(169,180,254)
```
#bcc5fe
```
#bcc5fe rgb(188,197,254)
```
#d0d6fe
```
#d0d6fe rgb(208,214,254)
```
#e3e7ff
```
#e3e7ff rgb(227,231,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#63646c
```
#63646c rgb(99,100,108)
```
#5b5e74
```
#5b5e74 rgb(91,94,116)
```
#53587c
```
#53587c rgb(83,88,124)
```
#4b5284
```
#4b5284 rgb(75,82,132)
```
#434d8c
```
#434d8c rgb(67,77,140)
```
#3b4794
```
#3b4794 rgb(59,71,148)
```
#33419c
```
#33419c rgb(51,65,156)
```
#2b3ba4
```
#2b3ba4 rgb(43,59,164)
```
#2335ac
```
#2335ac rgb(35,53,172)
```
#1b2fb4
```
#1b2fb4 rgb(27,47,180)
```
#132abc
```
#132abc rgb(19,42,188)
```
#0b24c4
```
#0b24c4 rgb(11,36,196)
```
#031ecc
```
#031ecc rgb(3,30,204)
```

Tone Color Variation

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

Dichromacy

#00488d Protanopia 1% of men
#004d79 Deuteranopia 1% of men
#005255 Tritanopia 0.001% of the population

Trichromacy

#0139a4 Protanomaly 1% of men, 0.01% of women
#013c97 Deuteranomaly 6% of men, 0.4% of women
#013f80 Tritanomaly 0.01% of the population

#031ecc hex color

#031ecc Color Information

#031ecc Color Conversion

Color Schemes with #031ecc

Alternatives to #031ecc

#031ecc Preview

Shades and Tints of #031ecc

Tones of #031ecc

Color Blindness Simulator