#3091fa hex color

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

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

● #3091fa color description : Bright blue.

The hexadecimal color #3091fa has RGB values of R:48, G:145, B:250 and CMYK values of C:0.81, M:0.42, Y:0, K:0.02. Its decimal value is 3183098.

Hex triplet	3091fa	`#3091fa`
RGB Decimal	48, 145, 250	`rgb(48,145,250)`
RGB Percent	18.8, 56.9, 98	`rgb(18.8%,56.9%,98%)`
CMYK	81, 42, 0, 2
HSL	211.2°, 95.3, 58.4	`hsl(211.2,95.3%,58.4%)`
HSV (or HSB)	211.2°, 80.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.688, 8.792, -60.137
XYZ	28.596, 27.779, 94.292
xyY	0.19, 0.184, 27.779
CIE-LCH	59.688, 60.776, 278.318
CIE-LUV	59.688, -31.623, -96.985
Hunter-Lab	52.706, 4.611, -69.178
Binary	00110000, 10010001, 11111010

#3091fa
```
#3091fa rgb(48,145,250)
```
#fa9930
```
#fa9930 rgb(250,153,48)
```

Complementary Color

#30f6fa
```
#30f6fa rgb(48,246,250)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#3430fa
```
#3430fa rgb(52,48,250)
```

Analogous Color

#f6fa30
```
#f6fa30 rgb(246,250,48)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#fa3430
```
#fa3430 rgb(250,52,48)
```

Split Complementary Color

#91fa30
```
#91fa30 rgb(145,250,48)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#fa3091
```
#fa3091 rgb(250,48,145)
```

Triadic Color

#30fa99
```
#30fa99 rgb(48,250,153)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#fa3091
```
#fa3091 rgb(250,48,145)
```
#fa9930
```
#fa9930 rgb(250,153,48)
```

Tetradic Color

#056bd8
```
#056bd8 rgb(5,107,216)
```
#0677f1
```
#0677f1 rgb(6,119,241)
```
#1784f9
```
#1784f9 rgb(23,132,249)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#499efb
```
#499efb rgb(73,158,251)
```
#62abfb
```
#62abfb rgb(98,171,251)
```
#7bb9fc
```
#7bb9fc rgb(123,185,252)
```

Monochromatic Color

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

#30c4fa
```
#30c4fa rgb(48,196,250)
```
#30b3fa
```
#30b3fa rgb(48,179,250)
```
#30a2fa
```
#30a2fa rgb(48,162,250)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#3080fa
```
#3080fa rgb(48,128,250)
```
#306ffa
```
#306ffa rgb(48,111,250)
```
#305ffa
```
#305ffa rgb(48,95,250)
```

Similar Colors

Text with hexadecimal color #3091fa

This text has a font color of #3091fa.

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

#3091fa background color

This paragraph has a background color of #3091fa.

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

#3091fa border color

This element has a border color of #3091fa.

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

CSS codes

.text {color:#3091fa;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010b17
```
#010b17 rgb(1,11,23)
```
#01152a
```
#01152a rgb(1,21,42)
```
#011e3d
```
#011e3d rgb(1,30,61)
```
#022850
```
#022850 rgb(2,40,80)
```
#023163
```
#023163 rgb(2,49,99)
```
#033a77
```
#033a77 rgb(3,58,119)
```
#03448a
```
#03448a rgb(3,68,138)
```
#044d9d
```
#044d9d rgb(4,77,157)
```
#0457b0
```
#0457b0 rgb(4,87,176)
```
#0560c3
```
#0560c3 rgb(5,96,195)
```
#056ad6
```
#056ad6 rgb(5,106,214)
```
#0673ea
```
#0673ea rgb(6,115,234)
```

Shade Color Variation

#0a7df9
```
#0a7df9 rgb(10,125,249)
```
#1d87fa
```
#1d87fa rgb(29,135,250)
```
#3091fa
```
#3091fa rgb(48,145,250)
```
#439bfa
```
#439bfa rgb(67,155,250)
```
#56a5fb
```
#56a5fb rgb(86,165,251)
```
#69b0fb
```
#69b0fb rgb(105,176,251)
```
#7dbafc
```
#7dbafc rgb(125,186,252)
```
#90c4fc
```
#90c4fc rgb(144,196,252)
```
#a3cefd
```
#a3cefd rgb(163,206,253)
```
#b6d8fd
```
#b6d8fd rgb(182,216,253)
```
#c9e2fe
```
#c9e2fe rgb(201,226,254)
```
#dcedfe
```
#dcedfe rgb(220,237,254)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#929598
```
#929598 rgb(146,149,152)
```
#8a95a0
```
#8a95a0 rgb(138,149,160)
```
#8294a8
```
#8294a8 rgb(130,148,168)
```
#7994b1
```
#7994b1 rgb(121,148,177)
```
#7194b9
```
#7194b9 rgb(113,148,185)
```
#6993c1
```
#6993c1 rgb(105,147,193)
```
#6193c9
```
#6193c9 rgb(97,147,201)
```
#5993d1
```
#5993d1 rgb(89,147,209)
```
#5192d9
```
#5192d9 rgb(81,146,217)
```
#4892e2
```
#4892e2 rgb(72,146,226)
```
#4092ea
```
#4092ea rgb(64,146,234)
```
#3891f2
```
#3891f2 rgb(56,145,242)
```
#3091fa
```
#3091fa rgb(48,145,250)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6492f6 Protanopia 1% of men
#2f97f9 Deuteranopia 1% of men
#00a4ae Tritanopia 0.001% of the population

Trichromacy

#5191f7 Protanomaly 1% of men, 0.01% of women
#2f95f9 Deuteranomaly 6% of men, 0.4% of women
#119dca Tritanomaly 0.01% of the population

#3091fa hex color

#3091fa Color Information

#3091fa Color Conversion

Color Schemes with #3091fa

Alternatives to #3091fa

#3091fa Preview

Shades and Tints of #3091fa

Tones of #3091fa

Color Blindness Simulator