#0031fa hex color

In a RGB color space, hex #0031fa is composed of 0% red, 19.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 80.4% magenta, 0% yellow and 2% black. It has a hue angle of 228.2 degrees, a saturation of 100% and a lightness of 49%. #0031fa color hex could be obtained by blending #0062ff with #0000f5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 19
- B 98
RGB color chart
- C 100
- M 80
- Y 0
- K 2
CMYK color chart

● #0031fa color description : Pure (or mostly pure) blue.

The hexadecimal color #0031fa has RGB values of R:0, G:49, B:250 and CMYK values of C:1, M:0.8, Y:0, K:0.02. Its decimal value is 12794.

Hex triplet	0031fa	`#0031fa`
RGB Decimal	0, 49, 250	`rgb(0,49,250)`
RGB Percent	0, 19.2, 98	`rgb(0%,19.2%,98%)`
CMYK	100, 80, 0, 2
HSL	228.2°, 100, 49	`hsl(228.2,100%,49%)`
HSV (or HSB)	228.2°, 100, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.171, 64.107, -98.596
XYZ	18.35, 9.097, 91.226
xyY	0.155, 0.077, 9.097
CIE-LCH	36.171, 117.605, 303.032
CIE-LUV	36.171, -12.479, -130.372
Hunter-Lab	30.162, 55.815, -158.214
Binary	00000000, 00110001, 11111010

#0031fa
```
#0031fa rgb(0,49,250)
```
#fac900
```
#fac900 rgb(250,201,0)
```

Complementary Color

#00aefa
```
#00aefa rgb(0,174,250)
```
#0031fa
```
#0031fa rgb(0,49,250)
```
#4c00fa
```
#4c00fa rgb(76,0,250)
```

Analogous Color

#aefa00
```
#aefa00 rgb(174,250,0)
```
#0031fa
```
#0031fa rgb(0,49,250)
```
#fa4c00
```
#fa4c00 rgb(250,76,0)
```

Split Complementary Color

#31fa00
```
#31fa00 rgb(49,250,0)
```
#0031fa
```
#0031fa rgb(0,49,250)
```
#fa0031
```
#fa0031 rgb(250,0,49)
```

Triadic Color

#00fac9
```
#00fac9 rgb(0,250,201)
```
#0031fa
```
#0031fa rgb(0,49,250)
```
#fa0031
```
#fa0031 rgb(250,0,49)
```
#fac900
```
#fac900 rgb(250,201,0)
```

Tetradic Color

#0022ae
```
#0022ae rgb(0,34,174)
```
#0027c7
```
#0027c7 rgb(0,39,199)
```
#002ce1
```
#002ce1 rgb(0,44,225)
```
#0031fa
```
#0031fa rgb(0,49,250)
```
#1542ff
```
#1542ff rgb(21,66,255)
```
#2e57ff
```
#2e57ff rgb(46,87,255)
```
#486bff
```
#486bff rgb(72,107,255)
```

Monochromatic Color

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

#0070fa
```
#0070fa rgb(0,112,250)
```
#005bfa
```
#005bfa rgb(0,91,250)
```
#0046fa
```
#0046fa rgb(0,70,250)
```
#0031fa
```
#0031fa rgb(0,49,250)
```
#001cfa
```
#001cfa rgb(0,28,250)
```
#0007fa
```
#0007fa rgb(0,7,250)
```
#0d00fa
```
#0d00fa rgb(13,0,250)
```

Similar Colors

Text with hexadecimal color #0031fa

This text has a font color of #0031fa.

<span style="color:#0031fa;">Text here</span>

#0031fa background color

This paragraph has a background color of #0031fa.

<p style="background-color:#0031fa;">Content here</p>

#0031fa border color

This element has a border color of #0031fa.

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

CSS codes

.text {color:#0031fa;}

.background {background-color:#0031fa;}

.border {border:1px solid #0031fa;}

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, #00030f is the darkest color, while #fafbff is the lightest one.

#00030f
```
#00030f rgb(0,3,15)
```
#000722
```
#000722 rgb(0,7,34)
```
#000b36
```
#000b36 rgb(0,11,54)
```
#000e49
```
#000e49 rgb(0,14,73)
```
#00125d
```
#00125d rgb(0,18,93)
```
#001671
```
#001671 rgb(0,22,113)
```
#001a84
```
#001a84 rgb(0,26,132)
```
#001e98
```
#001e98 rgb(0,30,152)
```
#0022ac
```
#0022ac rgb(0,34,172)
```
#0025bf
```
#0025bf rgb(0,37,191)
```
#0029d3
```
#0029d3 rgb(0,41,211)
```
#002de6
```
#002de6 rgb(0,45,230)
```
#0031fa
```
#0031fa rgb(0,49,250)
```

Shade Color Variation

#0f3eff
```
#0f3eff rgb(15,62,255)
```
#224eff
```
#224eff rgb(34,78,255)
```
#365dff
```
#365dff rgb(54,93,255)
```
#496dff
```
#496dff rgb(73,109,255)
```
#5d7dff
```
#5d7dff rgb(93,125,255)
```
#718dff
```
#718dff rgb(113,141,255)
```
#849cff
```
#849cff rgb(132,156,255)
```
#98acff
```
#98acff rgb(152,172,255)
```
#acbcff
```
#acbcff rgb(172,188,255)
```
#bfccff
```
#bfccff rgb(191,204,255)
```
#d3dbff
```
#d3dbff rgb(211,219,255)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737787 is the less saturated color, while #0031fa is the most saturated one.

#737787
```
#737787 rgb(115,119,135)
```
#6a7190
```
#6a7190 rgb(106,113,144)
```
#606b9a
```
#606b9a rgb(96,107,154)
```
#5766a3
```
#5766a3 rgb(87,102,163)
```
#4d60ad
```
#4d60ad rgb(77,96,173)
```
#435ab7
```
#435ab7 rgb(67,90,183)
```
#3a54c0
```
#3a54c0 rgb(58,84,192)
```
#304eca
```
#304eca rgb(48,78,202)
```
#2648d4
```
#2648d4 rgb(38,72,212)
```
#1d43dd
```
#1d43dd rgb(29,67,221)
```
#133de7
```
#133de7 rgb(19,61,231)
```
#0a37f0
```
#0a37f0 rgb(10,55,240)
```
#0031fa
```
#0031fa rgb(0,49,250)
```

Tone Color Variation

Below, you can see how #0031fa 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

#393939 Achromatopsia 0.005% of the population
#2e3760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676b Tritanopia 0.001% of the population

Trichromacy

#004bcb Protanomaly 1% of men, 0.01% of women
#004fbc Deuteranomaly 6% of men, 0.4% of women
#00539f Tritanomaly 0.01% of the population

#0031fa hex color

#0031fa Color Information

#0031fa Color Conversion

Color Schemes with #0031fa

Alternatives to #0031fa

#0031fa Preview

Shades and Tints of #0031fa

Tones of #0031fa

Color Blindness Simulator