#3081fa hex color

In a RGB color space, hex #3081fa is composed of 18.8% red, 50.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 48.4% magenta, 0% yellow and 2% black. It has a hue angle of 215.9 degrees, a saturation of 95.3% and a lightness of 58.4%. #3081fa color hex could be obtained by blending #60ffff with #0003f5. Closest websafe color is: #3399ff.

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

● #3081fa color description : Bright blue.

The hexadecimal color #3081fa has RGB values of R:48, G:129, B:250 and CMYK values of C:0.81, M:0.48, Y:0, K:0.02. Its decimal value is 3179002.

Hex triplet	3081fa	`#3081fa`
RGB Decimal	48, 129, 250	`rgb(48,129,250)`
RGB Percent	18.8, 50.6, 98	`rgb(18.8%,50.6%,98%)`
CMYK	81, 48, 0, 2
HSL	215.9°, 95.3, 58.4	`hsl(215.9,95.3%,58.4%)`
HSV (or HSB)	215.9°, 80.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.307, 18.545, -67.178
XYZ	26.321, 23.229, 93.534
xyY	0.184, 0.162, 23.229
CIE-LCH	55.307, 69.691, 285.432
CIE-LUV	55.307, -26.739, -107.37
Hunter-Lab	48.196, 13.138, -81.325
Binary	00110000, 10000001, 11111010

#3081fa
```
#3081fa rgb(48,129,250)
```
#faa930
```
#faa930 rgb(250,169,48)
```

Complementary Color

#30e6fa
```
#30e6fa rgb(48,230,250)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#4430fa
```
#4430fa rgb(68,48,250)
```

Analogous Color

#e6fa30
```
#e6fa30 rgb(230,250,48)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#fa4430
```
#fa4430 rgb(250,68,48)
```

Split Complementary Color

#81fa30
```
#81fa30 rgb(129,250,48)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#fa3081
```
#fa3081 rgb(250,48,129)
```

Triadic Color

#30faa9
```
#30faa9 rgb(48,250,169)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#fa3081
```
#fa3081 rgb(250,48,129)
```
#faa930
```
#faa930 rgb(250,169,48)
```

Tetradic Color

#055ad8
```
#055ad8 rgb(5,90,216)
```
#0664f1
```
#0664f1 rgb(6,100,241)
```
#1772f9
```
#1772f9 rgb(23,114,249)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#4990fb
```
#4990fb rgb(73,144,251)
```
#629ffb
```
#629ffb rgb(98,159,251)
```
#7baefc
```
#7baefc rgb(123,174,252)
```

Monochromatic Color

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

#30b4fa
```
#30b4fa rgb(48,180,250)
```
#30a3fa
```
#30a3fa rgb(48,163,250)
```
#3092fa
```
#3092fa rgb(48,146,250)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#3070fa
```
#3070fa rgb(48,112,250)
```
#305ffa
```
#305ffa rgb(48,95,250)
```
#304ffa
```
#304ffa rgb(48,79,250)
```

Similar Colors

Text with hexadecimal color #3081fa

This text has a font color of #3081fa.

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

#3081fa background color

This paragraph has a background color of #3081fa.

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

#3081fa border color

This element has a border color of #3081fa.

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

CSS codes

.text {color:#3081fa;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010917
```
#010917 rgb(1,9,23)
```
#01112a
```
#01112a rgb(1,17,42)
```
#01193d
```
#01193d rgb(1,25,61)
```
#022150
```
#022150 rgb(2,33,80)
```
#022963
```
#022963 rgb(2,41,99)
```
#033177
```
#033177 rgb(3,49,119)
```
#03398a
```
#03398a rgb(3,57,138)
```
#04419d
```
#04419d rgb(4,65,157)
```
#0449b0
```
#0449b0 rgb(4,73,176)
```
#0551c3
```
#0551c3 rgb(5,81,195)
```
#0559d6
```
#0559d6 rgb(5,89,214)
```
#0661ea
```
#0661ea rgb(6,97,234)
```

Shade Color Variation

#0a6af9
```
#0a6af9 rgb(10,106,249)
```
#1d75fa
```
#1d75fa rgb(29,117,250)
```
#3081fa
```
#3081fa rgb(48,129,250)
```
#438dfa
```
#438dfa rgb(67,141,250)
```
#5698fb
```
#5698fb rgb(86,152,251)
```
#69a4fb
```
#69a4fb rgb(105,164,251)
```
#7db0fc
```
#7db0fc rgb(125,176,252)
```
#90bbfc
```
#90bbfc rgb(144,187,252)
```
#a3c7fd
```
#a3c7fd rgb(163,199,253)
```
#b6d3fd
```
#b6d3fd rgb(182,211,253)
```
#c9defe
```
#c9defe rgb(201,222,254)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,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 #3081fa is the most saturated one.

#929498
```
#929498 rgb(146,148,152)
```
#8a93a0
```
#8a93a0 rgb(138,147,160)
```
#8291a8
```
#8291a8 rgb(130,145,168)
```
#7990b1
```
#7990b1 rgb(121,144,177)
```
#718eb9
```
#718eb9 rgb(113,142,185)
```
#698cc1
```
#698cc1 rgb(105,140,193)
```
#618bc9
```
#618bc9 rgb(97,139,201)
```
#5989d1
```
#5989d1 rgb(89,137,209)
```
#5187d9
```
#5187d9 rgb(81,135,217)
```
#4886e2
```
#4886e2 rgb(72,134,226)
```
#4084ea
```
#4084ea rgb(64,132,234)
```
#3883f2
```
#3883f2 rgb(56,131,242)
```
#3081fa
```
#3081fa rgb(48,129,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#697991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4186f9 Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3b84f9 Protanomaly 1% of men, 0.01% of women
#1188ef Deuteranomaly 6% of men, 0.4% of women
#118fc1 Tritanomaly 0.01% of the population

#3081fa hex color

#3081fa Color Information

#3081fa Color Conversion

Color Schemes with #3081fa

Alternatives to #3081fa

#3081fa Preview

Shades and Tints of #3081fa

Tones of #3081fa

Color Blindness Simulator