#3071fa hex color

In a RGB color space, hex #3071fa is composed of 18.8% red, 44.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 54.8% magenta, 0% yellow and 2% black. It has a hue angle of 220.7 degrees, a saturation of 95.3% and a lightness of 58.4%. #3071fa color hex could be obtained by blending #60e2ff with #0000f5. Closest websafe color is: #3366ff.

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

● #3071fa color description : Bright blue.

The hexadecimal color #3071fa has RGB values of R:48, G:113, B:250 and CMYK values of C:0.81, M:0.55, Y:0, K:0.02. Its decimal value is 3174906.

Hex triplet	3071fa	`#3071fa`
RGB Decimal	48, 113, 250	`rgb(48,113,250)`
RGB Percent	18.8, 44.3, 98	`rgb(18.8%,44.3%,98%)`
CMYK	81, 55, 0, 2
HSL	220.7°, 95.3, 58.4	`hsl(220.7,95.3%,58.4%)`
HSV (or HSB)	220.7°, 80.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.081, 28.526, -74.024
XYZ	24.376, 19.339, 92.885
xyY	0.178, 0.142, 19.339
CIE-LCH	51.081, 79.331, 291.075
CIE-LUV	51.081, -22.212, -116.134
Hunter-Lab	43.976, 21.984, -94.448
Binary	00110000, 01110001, 11111010

#3071fa
```
#3071fa rgb(48,113,250)
```
#fab930
```
#fab930 rgb(250,185,48)
```

Complementary Color

#30d6fa
```
#30d6fa rgb(48,214,250)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#5430fa
```
#5430fa rgb(84,48,250)
```

Analogous Color

#d6fa30
```
#d6fa30 rgb(214,250,48)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#fa5430
```
#fa5430 rgb(250,84,48)
```

Split Complementary Color

#71fa30
```
#71fa30 rgb(113,250,48)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#fa3071
```
#fa3071 rgb(250,48,113)
```

Triadic Color

#30fab9
```
#30fab9 rgb(48,250,185)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#fa3071
```
#fa3071 rgb(250,48,113)
```
#fab930
```
#fab930 rgb(250,185,48)
```

Tetradic Color

#0549d8
```
#0549d8 rgb(5,73,216)
```
#0652f1
```
#0652f1 rgb(6,82,241)
```
#1760f9
```
#1760f9 rgb(23,96,249)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#4982fb
```
#4982fb rgb(73,130,251)
```
#6293fb
```
#6293fb rgb(98,147,251)
```
#7ba4fc
```
#7ba4fc rgb(123,164,252)
```

Monochromatic Color

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

#30a4fa
```
#30a4fa rgb(48,164,250)
```
#3093fa
```
#3093fa rgb(48,147,250)
```
#3082fa
```
#3082fa rgb(48,130,250)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#3060fa
```
#3060fa rgb(48,96,250)
```
#304ffa
```
#304ffa rgb(48,79,250)
```
#303ffa
```
#303ffa rgb(48,63,250)
```

Similar Colors

Text with hexadecimal color #3071fa

This text has a font color of #3071fa.

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

#3071fa background color

This paragraph has a background color of #3071fa.

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

#3071fa border color

This element has a border color of #3071fa.

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

CSS codes

.text {color:#3071fa;}

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

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

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 #f0f4ff is the lightest one.

#000104
```
#000104 rgb(0,1,4)
```
#010817
```
#010817 rgb(1,8,23)
```
#010e2a
```
#010e2a rgb(1,14,42)
```
#01153d
```
#01153d rgb(1,21,61)
```
#021b50
```
#021b50 rgb(2,27,80)
```
#022263
```
#022263 rgb(2,34,99)
```
#032877
```
#032877 rgb(3,40,119)
```
#032f8a
```
#032f8a rgb(3,47,138)
```
#04359d
```
#04359d rgb(4,53,157)
```
#043cb0
```
#043cb0 rgb(4,60,176)
```
#0542c3
```
#0542c3 rgb(5,66,195)
```
#0548d6
```
#0548d6 rgb(5,72,214)
```
#064fea
```
#064fea rgb(6,79,234)
```

Shade Color Variation

#0a57f9
```
#0a57f9 rgb(10,87,249)
```
#1d64fa
```
#1d64fa rgb(29,100,250)
```
#3071fa
```
#3071fa rgb(48,113,250)
```
#437efa
```
#437efa rgb(67,126,250)
```
#568bfb
```
#568bfb rgb(86,139,251)
```
#6998fb
```
#6998fb rgb(105,152,251)
```
#7da6fc
```
#7da6fc rgb(125,166,252)
```
#90b3fc
```
#90b3fc rgb(144,179,252)
```
#a3c0fd
```
#a3c0fd rgb(163,192,253)
```
#b6cdfd
```
#b6cdfd rgb(182,205,253)
```
#c9dafe
```
#c9dafe rgb(201,218,254)
```
#dce7fe
```
#dce7fe rgb(220,231,254)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#929498
```
#929498 rgb(146,148,152)
```
#8a91a0
```
#8a91a0 rgb(138,145,160)
```
#828ea8
```
#828ea8 rgb(130,142,168)
```
#798bb1
```
#798bb1 rgb(121,139,177)
```
#7188b9
```
#7188b9 rgb(113,136,185)
```
#6985c1
```
#6985c1 rgb(105,133,193)
```
#6182c9
```
#6182c9 rgb(97,130,201)
```
#5980d1
```
#5980d1 rgb(89,128,209)
```
#517dd9
```
#517dd9 rgb(81,125,217)
```
#487ae2
```
#487ae2 rgb(72,122,226)
```
#4077ea
```
#4077ea rgb(64,119,234)
```
#3874f2
```
#3874f2 rgb(56,116,242)
```
#3071fa
```
#3071fa rgb(48,113,250)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#616e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008d95 Tritanopia 0.001% of the population

Trichromacy

#1178f6 Protanomaly 1% of men, 0.01% of women
#117ce2 Deuteranomaly 6% of men, 0.4% of women
#1183b9 Tritanomaly 0.01% of the population

#3071fa hex color

#3071fa Color Information

#3071fa Color Conversion

Color Schemes with #3071fa

Alternatives to #3071fa

#3071fa Preview

Shades and Tints of #3071fa

Tones of #3071fa

Color Blindness Simulator