#3285fe hex color

In a RGB color space, hex #3285fe is composed of 19.6% red, 52.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 47.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 215.6 degrees, a saturation of 99% and a lightness of 59.6%. #3285fe color hex could be obtained by blending #64ffff with #000bfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 52
- B 100
RGB color chart
- C 80
- M 48
- Y 0
- K 0
CMYK color chart

● #3285fe color description : Bright blue.

The hexadecimal color #3285fe has RGB values of R:50, G:133, B:254 and CMYK values of C:0.8, M:0.48, Y:0, K:0. Its decimal value is 3311102.

Hex triplet	3285fe	`#3285fe`
RGB Decimal	50, 133, 254	`rgb(50,133,254)`
RGB Percent	19.6, 52.2, 99.6	`rgb(19.6%,52.2%,99.6%)`
CMYK	80, 48, 0, 0
HSL	215.6°, 99, 59.6	`hsl(215.6,99%,59.6%)`
HSV (or HSB)	215.6°, 80.3, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.69, 17.734, -67.151
XYZ	27.588, 24.607, 97.056
xyY	0.185, 0.165, 24.607
CIE-LCH	56.69, 69.454, 284.794
CIE-LUV	56.69, -27.57, -107.878
Hunter-Lab	49.605, 12.465, -81.282
Binary	00110010, 10000101, 11111110

#3285fe
```
#3285fe rgb(50,133,254)
```
#feab32
```
#feab32 rgb(254,171,50)
```

Complementary Color

#32ebfe
```
#32ebfe rgb(50,235,254)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#4532fe
```
#4532fe rgb(69,50,254)
```

Analogous Color

#ebfe32
```
#ebfe32 rgb(235,254,50)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#fe4532
```
#fe4532 rgb(254,69,50)
```

Split Complementary Color

#85fe32
```
#85fe32 rgb(133,254,50)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#fe3285
```
#fe3285 rgb(254,50,133)
```

Triadic Color

#32feab
```
#32feab rgb(50,254,171)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#fe3285
```
#fe3285 rgb(254,50,133)
```
#feab32
```
#feab32 rgb(254,171,50)
```

Tetradic Color

#015de2
```
#015de2 rgb(1,93,226)
```
#0167fc
```
#0167fc rgb(1,103,252)
```
#1976fe
```
#1976fe rgb(25,118,254)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#4b94fe
```
#4b94fe rgb(75,148,254)
```
#65a3fe
```
#65a3fe rgb(101,163,254)
```
#7eb2fe
```
#7eb2fe rgb(126,178,254)
```

Monochromatic Color

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

#32b8fe
```
#32b8fe rgb(50,184,254)
```
#32a7fe
```
#32a7fe rgb(50,167,254)
```
#3296fe
```
#3296fe rgb(50,150,254)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#3274fe
```
#3274fe rgb(50,116,254)
```
#3263fe
```
#3263fe rgb(50,99,254)
```
#3252fe
```
#3252fe rgb(50,82,254)
```

Similar Colors

Text with hexadecimal color #3285fe

This text has a font color of #3285fe.

<span style="color:#3285fe;">Text here</span>

#3285fe background color

This paragraph has a background color of #3285fe.

<p style="background-color:#3285fe;">Content here</p>

#3285fe border color

This element has a border color of #3285fe.

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

CSS codes

.text {color:#3285fe;}

.background {background-color:#3285fe;}

.border {border:1px solid #3285fe;}

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, #00040a is the darkest color, while #f5f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000c1d
```
#000c1d rgb(0,12,29)
```
#001431
```
#001431 rgb(0,20,49)
```
#001c44
```
#001c44 rgb(0,28,68)
```
#002458
```
#002458 rgb(0,36,88)
```
#012c6b
```
#012c6b rgb(1,44,107)
```
#01347f
```
#01347f rgb(1,52,127)
```
#013c92
```
#013c92 rgb(1,60,146)
```
#0144a6
```
#0144a6 rgb(1,68,166)
```
#014cb9
```
#014cb9 rgb(1,76,185)
```
#0154cd
```
#0154cd rgb(1,84,205)
```
#015ce0
```
#015ce0 rgb(1,92,224)
```
#0164f4
```
#0164f4 rgb(1,100,244)
```

Shade Color Variation

#0b6efe
```
#0b6efe rgb(11,110,254)
```
#1e79fe
```
#1e79fe rgb(30,121,254)
```
#3285fe
```
#3285fe rgb(50,133,254)
```
#4691fe
```
#4691fe rgb(70,145,254)
```
#599cfe
```
#599cfe rgb(89,156,254)
```
#6da8fe
```
#6da8fe rgb(109,168,254)
```
#80b3fe
```
#80b3fe rgb(128,179,254)
```
#94bffe
```
#94bffe rgb(148,191,254)
```
#a7cbff
```
#a7cbff rgb(167,203,255)
```
#bbd6ff
```
#bbd6ff rgb(187,214,255)
```
#cee2ff
```
#cee2ff rgb(206,226,255)
```
#e2eeff
```
#e2eeff rgb(226,238,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91979f is the less saturated color, while #3285fe is the most saturated one.

#91979f
```
#91979f rgb(145,151,159)
```
#8995a7
```
#8995a7 rgb(137,149,167)
```
#8194af
```
#8194af rgb(129,148,175)
```
#7992b7
```
#7992b7 rgb(121,146,183)
```
#7191bf
```
#7191bf rgb(113,145,191)
```
#698fc7
```
#698fc7 rgb(105,143,199)
```
#628ece
```
#628ece rgb(98,142,206)
```
#5a8cd6
```
#5a8cd6 rgb(90,140,214)
```
#528bde
```
#528bde rgb(82,139,222)
```
#4a89e6
```
#4a89e6 rgb(74,137,230)
```
#4288ee
```
#4288ee rgb(66,136,238)
```
#3a86f6
```
#3a86f6 rgb(58,134,246)
```
#3285fe
```
#3285fe rgb(50,133,254)
```

Tone Color Variation

Below, you can see how #3285fe 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

#478afd Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#3f88fd Protanomaly 1% of men, 0.01% of women
#128cf4 Deuteranomaly 6% of men, 0.4% of women
#1293c5 Tritanomaly 0.01% of the population

#3285fe hex color

#3285fe Color Information

#3285fe Color Conversion

Color Schemes with #3285fe

Alternatives to #3285fe

#3285fe Preview

Shades and Tints of #3285fe

Tones of #3285fe

Color Blindness Simulator