#031ac5 hex color

In a RGB color space, hex #031ac5 is composed of 1.2% red, 10.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 86.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 232.9 degrees, a saturation of 97% and a lightness of 39.2%. #031ac5 color hex could be obtained by blending #0634ff with #00008b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 10
- B 77
RGB color chart
- C 98
- M 87
- Y 0
- K 23
CMYK color chart

● #031ac5 color description : Strong blue.

The hexadecimal color #031ac5 has RGB values of R:3, G:26, B:197 and CMYK values of C:0.98, M:0.87, Y:0, K:0.23. Its decimal value is 203461.

Hex triplet	031ac5	`#031ac5`
RGB Decimal	3, 26, 197	`rgb(3,26,197)`
RGB Percent	1.2, 10.2, 77.3	`rgb(1.2%,10.2%,77.3%)`
CMYK	98, 87, 0, 23
HSL	232.9°, 97, 39.2	`hsl(232.9,97%,39.2%)`
HSV (or HSB)	232.9°, 98.5, 77.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.124, 58.216, -84.889
XYZ	10.483, 4.789, 53.192
xyY	0.153, 0.07, 4.789
CIE-LCH	26.124, 102.934, 304.442
CIE-LUV	26.124, -8.316, -98.543
Hunter-Lab	21.883, 47.216, -128.803
Binary	00000011, 00011010, 11000101

#031ac5
```
#031ac5 rgb(3,26,197)
```
#c5ae03
```
#c5ae03 rgb(197,174,3)
```

Complementary Color

#037bc5
```
#037bc5 rgb(3,123,197)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#4d03c5
```
#4d03c5 rgb(77,3,197)
```

Analogous Color

#7bc503
```
#7bc503 rgb(123,197,3)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#c54d03
```
#c54d03 rgb(197,77,3)
```

Split Complementary Color

#1ac503
```
#1ac503 rgb(26,197,3)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#c5031a
```
#c5031a rgb(197,3,26)
```

Triadic Color

#03c5ae
```
#03c5ae rgb(3,197,174)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#c5031a
```
#c5031a rgb(197,3,26)
```
#c5ae03
```
#c5ae03 rgb(197,174,3)
```

Tetradic Color

#02107a
```
#02107a rgb(2,16,122)
```
#021393
```
#021393 rgb(2,19,147)
```
#0317ac
```
#0317ac rgb(3,23,172)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#031dde
```
#031dde rgb(3,29,222)
```
#0421f7
```
#0421f7 rgb(4,33,247)
```
#1934fb
```
#1934fb rgb(25,52,251)
```

Monochromatic Color

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

#034bc5
```
#034bc5 rgb(3,75,197)
```
#033ac5
```
#033ac5 rgb(3,58,197)
```
#032ac5
```
#032ac5 rgb(3,42,197)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#030ac5
```
#030ac5 rgb(3,10,197)
```
#0c03c5
```
#0c03c5 rgb(12,3,197)
```
#1c03c5
```
#1c03c5 rgb(28,3,197)
```

Similar Colors

Text with hexadecimal color #031ac5

This text has a font color of #031ac5.

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

#031ac5 background color

This paragraph has a background color of #031ac5.

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

#031ac5 border color

This element has a border color of #031ac5.

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

CSS codes

.text {color:#031ac5;}

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

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

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, #000104 is the darkest color, while #eff1ff is the lightest one.

#000104
```
#000104 rgb(0,1,4)
```
#000317
```
#000317 rgb(0,3,23)
```
#01062a
```
#01062a rgb(1,6,42)
```
#01083e
```
#01083e rgb(1,8,62)
```
#010b51
```
#010b51 rgb(1,11,81)
```
#020d64
```
#020d64 rgb(2,13,100)
```
#021078
```
#021078 rgb(2,16,120)
```
#02128b
```
#02128b rgb(2,18,139)
```
#02159e
```
#02159e rgb(2,21,158)
```
#0317b2
```
#0317b2 rgb(3,23,178)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```
#031dd8
```
#031dd8 rgb(3,29,216)
```
#041fec
```
#041fec rgb(4,31,236)
```

Shade Color Variation

#0824fb
```
#0824fb rgb(8,36,251)
```
#1b36fc
```
#1b36fc rgb(27,54,252)
```
#2e47fc
```
#2e47fc rgb(46,71,252)
```
#4258fc
```
#4258fc rgb(66,88,252)
```
#5569fc
```
#5569fc rgb(85,105,252)
```
#687afd
```
#687afd rgb(104,122,253)
```
#7c8bfd
```
#7c8bfd rgb(124,139,253)
```
#8f9cfd
```
#8f9cfd rgb(143,156,253)
```
#a2adfe
```
#a2adfe rgb(162,173,254)
```
#b6befe
```
#b6befe rgb(182,190,254)
```
#c9cffe
```
#c9cffe rgb(201,207,254)
```
#dce0fe
```
#dce0fe rgb(220,224,254)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#5f6069
```
#5f6069 rgb(95,96,105)
```
#585b70
```
#585b70 rgb(88,91,112)
```
#505578
```
#505578 rgb(80,85,120)
```
#484f80
```
#484f80 rgb(72,79,128)
```
#414987
```
#414987 rgb(65,73,135)
```
#39438f
```
#39438f rgb(57,67,143)
```
#313d97
```
#313d97 rgb(49,61,151)
```
#29379f
```
#29379f rgb(41,55,159)
```
#2231a6
```
#2231a6 rgb(34,49,166)
```
#1a2cae
```
#1a2cae rgb(26,44,174)
```
#1226b6
```
#1226b6 rgb(18,38,182)
```
#0b20bd
```
#0b20bd rgb(11,32,189)
```
#031ac5
```
#031ac5 rgb(3,26,197)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#202447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004a74 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#01359d Protanomaly 1% of men, 0.01% of women
#013891 Deuteranomaly 6% of men, 0.4% of women
#013b7b Tritanomaly 0.01% of the population

#031ac5 hex color

#031ac5 Color Information

#031ac5 Color Conversion

Color Schemes with #031ac5

Alternatives to #031ac5

#031ac5 Preview

Shades and Tints of #031ac5

Tones of #031ac5

Color Blindness Simulator