#3286fa hex color

In a RGB color space, hex #3286fa is composed of 19.6% red, 52.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 46.4% magenta, 0% yellow and 2% black. It has a hue angle of 214.8 degrees, a saturation of 95.2% and a lightness of 58.8%. #3286fa color hex could be obtained by blending #64ffff with #000df5. Closest websafe color is: #3399ff.

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

● #3286fa color description : Bright blue.

The hexadecimal color #3286fa has RGB values of R:50, G:134, B:250 and CMYK values of C:0.8, M:0.46, Y:0, K:0.02. Its decimal value is 3311354.

Hex triplet	3286fa	`#3286fa`
RGB Decimal	50, 134, 250	`rgb(50,134,250)`
RGB Percent	19.6, 52.5, 98	`rgb(19.6%,52.5%,98%)`
CMYK	80, 46, 0, 2
HSL	214.8°, 95.2, 58.8	`hsl(214.8,95.2%,58.8%)`
HSV (or HSB)	214.8°, 80, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.711, 15.645, -64.913
XYZ	27.092, 24.628, 93.763
xyY	0.186, 0.169, 24.628
CIE-LCH	56.711, 66.772, 283.551
CIE-LUV	56.711, -27.985, -104.187
Hunter-Lab	49.627, 10.599, -77.282
Binary	00110010, 10000110, 11111010

#3286fa
```
#3286fa rgb(50,134,250)
```
#faa632
```
#faa632 rgb(250,166,50)
```

Complementary Color

#32eafa
```
#32eafa rgb(50,234,250)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#4232fa
```
#4232fa rgb(66,50,250)
```

Analogous Color

#eafa32
```
#eafa32 rgb(234,250,50)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#fa4232
```
#fa4232 rgb(250,66,50)
```

Split Complementary Color

#86fa32
```
#86fa32 rgb(134,250,50)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#fa3286
```
#fa3286 rgb(250,50,134)
```

Triadic Color

#32faa6
```
#32faa6 rgb(50,250,166)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#fa3286
```
#fa3286 rgb(250,50,134)
```
#faa632
```
#faa632 rgb(250,166,50)
```

Tetradic Color

#055fda
```
#055fda rgb(5,95,218)
```
#066af3
```
#066af3 rgb(6,106,243)
```
#1977f9
```
#1977f9 rgb(25,119,249)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#4b95fb
```
#4b95fb rgb(75,149,251)
```
#64a3fb
```
#64a3fb rgb(100,163,251)
```
#7db2fc
```
#7db2fc rgb(125,178,252)
```

Monochromatic Color

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

#32b8fa
```
#32b8fa rgb(50,184,250)
```
#32a7fa
```
#32a7fa rgb(50,167,250)
```
#3297fa
```
#3297fa rgb(50,151,250)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#3275fa
```
#3275fa rgb(50,117,250)
```
#3265fa
```
#3265fa rgb(50,101,250)
```
#3254fa
```
#3254fa rgb(50,84,250)
```

Similar Colors

Text with hexadecimal color #3286fa

This text has a font color of #3286fa.

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

#3286fa background color

This paragraph has a background color of #3286fa.

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

#3286fa border color

This element has a border color of #3286fa.

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

CSS codes

.text {color:#3286fa;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#01132c
```
#01132c rgb(1,19,44)
```
#021b3f
```
#021b3f rgb(2,27,63)
```
#022452
```
#022452 rgb(2,36,82)
```
#022c65
```
#022c65 rgb(2,44,101)
```
#033479
```
#033479 rgb(3,52,121)
```
#033d8c
```
#033d8c rgb(3,61,140)
```
#04459f
```
#04459f rgb(4,69,159)
```
#044db2
```
#044db2 rgb(4,77,178)
```
#0556c5
```
#0556c5 rgb(5,86,197)
```
#055ed8
```
#055ed8 rgb(5,94,216)
```
#0666eb
```
#0666eb rgb(6,102,235)
```

Shade Color Variation

#0c6ff9
```
#0c6ff9 rgb(12,111,249)
```
#1f7bfa
```
#1f7bfa rgb(31,123,250)
```
#3286fa
```
#3286fa rgb(50,134,250)
```
#4591fa
```
#4591fa rgb(69,145,250)
```
#589dfb
```
#589dfb rgb(88,157,251)
```
#6ba8fb
```
#6ba8fb rgb(107,168,251)
```
#7fb3fc
```
#7fb3fc rgb(127,179,252)
```
#92bffc
```
#92bffc rgb(146,191,252)
```
#a5cafd
```
#a5cafd rgb(165,202,253)
```
#b8d5fd
```
#b8d5fd rgb(184,213,253)
```
#cbe0fe
```
#cbe0fe rgb(203,224,254)
```
#deecfe
```
#deecfe rgb(222,236,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#939699
```
#939699 rgb(147,150,153)
```
#8b94a1
```
#8b94a1 rgb(139,148,161)
```
#8393a9
```
#8393a9 rgb(131,147,169)
```
#7b92b1
```
#7b92b1 rgb(123,146,177)
```
#7390b9
```
#7390b9 rgb(115,144,185)
```
#6b8fc1
```
#6b8fc1 rgb(107,143,193)
```
#628eca
```
#628eca rgb(98,142,202)
```
#5a8cd2
```
#5a8cd2 rgb(90,140,210)
```
#528bda
```
#528bda rgb(82,139,218)
```
#4a8ae2
```
#4a8ae2 rgb(74,138,226)
```
#4289ea
```
#4289ea rgb(66,137,234)
```
#3a87f2
```
#3a87f2 rgb(58,135,242)
```
#3286fa
```
#3286fa rgb(50,134,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6c7c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8af8 Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#4488f9 Protanomaly 1% of men, 0.01% of women
#128cf3 Deuteranomaly 6% of men, 0.4% of women
#1294c4 Tritanomaly 0.01% of the population

#3286fa hex color

#3286fa Color Information

#3286fa Color Conversion

Color Schemes with #3286fa

Alternatives to #3286fa

#3286fa Preview

Shades and Tints of #3286fa

Tones of #3286fa

Color Blindness Simulator