#031aff hex color

In a RGB color space, hex #031aff is composed of 1.2% red, 10.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 89.8% magenta, 0% yellow and 0% black. It has a hue angle of 234.5 degrees, a saturation of 100% and a lightness of 50.6%. #031aff color hex could be obtained by blending #0634ff with #0000ff. Closest websafe color is: #0033ff.

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

● #031aff color description : Vivid blue.

The hexadecimal color #031aff has RGB values of R:3, G:26, B:255 and CMYK values of C:0.99, M:0.9, Y:0, K:0. Its decimal value is 203519.

Hex triplet	031aff	`#031aff`
RGB Decimal	3, 26, 255	`rgb(3,26,255)`
RGB Percent	1.2, 10.2, 100	`rgb(1.2%,10.2%,100%)`
CMYK	99, 90, 0, 0
HSL	234.5°, 100, 50.6	`hsl(234.5,100%,50.6%)`
HSV (or HSB)	234.5°, 98.8, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.934, 74.289, -105.13
XYZ	18.453, 7.977, 95.169
xyY	0.152, 0.066, 7.977
CIE-LCH	33.934, 128.729, 305.246
CIE-LUV	33.934, -10.408, -131.843
Hunter-Lab	28.243, 67.203, -180.017
Binary	00000011, 00011010, 11111111

#031aff
```
#031aff rgb(3,26,255)
```
#ffe803
```
#ffe803 rgb(255,232,3)
```

Complementary Color

#0398ff
```
#0398ff rgb(3,152,255)
```
#031aff
```
#031aff rgb(3,26,255)
```
#6a03ff
```
#6a03ff rgb(106,3,255)
```

Analogous Color

#98ff03
```
#98ff03 rgb(152,255,3)
```
#031aff
```
#031aff rgb(3,26,255)
```
#ff6a03
```
#ff6a03 rgb(255,106,3)
```

Split Complementary Color

#1aff03
```
#1aff03 rgb(26,255,3)
```
#031aff
```
#031aff rgb(3,26,255)
```
#ff031a
```
#ff031a rgb(255,3,26)
```

Triadic Color

#03ffe8
```
#03ffe8 rgb(3,255,232)
```
#031aff
```
#031aff rgb(3,26,255)
```
#ff031a
```
#ff031a rgb(255,3,26)
```
#ffe803
```
#ffe803 rgb(255,232,3)
```

Tetradic Color

#0011b6
```
#0011b6 rgb(0,17,182)
```
#0013cf
```
#0013cf rgb(0,19,207)
```
#0015e9
```
#0015e9 rgb(0,21,233)
```
#031aff
```
#031aff rgb(3,26,255)
```
#1d31ff
```
#1d31ff rgb(29,49,255)
```
#3648ff
```
#3648ff rgb(54,72,255)
```
#5060ff
```
#5060ff rgb(80,96,255)
```

Monochromatic Color

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

#0359ff
```
#0359ff rgb(3,89,255)
```
#0344ff
```
#0344ff rgb(3,68,255)
```
#032fff
```
#032fff rgb(3,47,255)
```
#031aff
```
#031aff rgb(3,26,255)
```
#0305ff
```
#0305ff rgb(3,5,255)
```
#1603ff
```
#1603ff rgb(22,3,255)
```
#2b03ff
```
#2b03ff rgb(43,3,255)
```

Similar Colors

Text with hexadecimal color #031aff

This text has a font color of #031aff.

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

#031aff background color

This paragraph has a background color of #031aff.

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

#031aff border color

This element has a border color of #031aff.

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

CSS codes

.text {color:#031aff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000217
```
#000217 rgb(0,2,23)
```
#00042a
```
#00042a rgb(0,4,42)
```
#00063e
```
#00063e rgb(0,6,62)
```
#000751
```
#000751 rgb(0,7,81)
```
#000965
```
#000965 rgb(0,9,101)
```
#000b79
```
#000b79 rgb(0,11,121)
```
#000d8c
```
#000d8c rgb(0,13,140)
```
#000fa0
```
#000fa0 rgb(0,15,160)
```
#0010b4
```
#0010b4 rgb(0,16,180)
```
#0012c7
```
#0012c7 rgb(0,18,199)
```
#0014db
```
#0014db rgb(0,20,219)
```
#0016ee
```
#0016ee rgb(0,22,238)
```

Shade Color Variation

#031aff
```
#031aff rgb(3,26,255)
```
#172cff
```
#172cff rgb(23,44,255)
```
#2a3eff
```
#2a3eff rgb(42,62,255)
```
#3e4fff
```
#3e4fff rgb(62,79,255)
```
#5161ff
```
#5161ff rgb(81,97,255)
```
#6573ff
```
#6573ff rgb(101,115,255)
```
#7985ff
```
#7985ff rgb(121,133,255)
```
#8c97ff
```
#8c97ff rgb(140,151,255)
```
#a0a9ff
```
#a0a9ff rgb(160,169,255)
```
#b4baff
```
#b4baff rgb(180,186,255)
```
#c7ccff
```
#c7ccff rgb(199,204,255)
```
#dbdeff
```
#dbdeff rgb(219,222,255)
```
#eef0ff
```
#eef0ff rgb(238,240,255)
```

Tint Color Variation

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

#77798b
```
#77798b rgb(119,121,139)
```
#6e7194
```
#6e7194 rgb(110,113,148)
```
#64699e
```
#64699e rgb(100,105,158)
```
#5a61a8
```
#5a61a8 rgb(90,97,168)
```
#5159b1
```
#5159b1 rgb(81,89,177)
```
#4751bb
```
#4751bb rgb(71,81,187)
```
#3d4ac5
```
#3d4ac5 rgb(61,74,197)
```
#3342cf
```
#3342cf rgb(51,66,207)
```
#2a3ad8
```
#2a3ad8 rgb(42,58,216)
```
#2032e2
```
#2032e2 rgb(32,50,226)
```
#162aec
```
#162aec rgb(22,42,236)
```
#0d22f5
```
#0d22f5 rgb(13,34,245)
```
#031aff
```
#031aff rgb(3,26,255)
```

Tone Color Variation

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

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0140c7 Protanomaly 1% of men, 0.01% of women
#0143b8 Deuteranomaly 6% of men, 0.4% of women
#01479d Tritanomaly 0.01% of the population

#031aff hex color

#031aff Color Information

#031aff Color Conversion

Color Schemes with #031aff

Alternatives to #031aff

#031aff Preview

Shades and Tints of #031aff

Tones of #031aff

Color Blindness Simulator