#3286f0 hex color

In a RGB color space, hex #3286f0 is composed of 19.6% red, 52.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 44.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 213.5 degrees, a saturation of 86.4% and a lightness of 56.9%. #3286f0 color hex could be obtained by blending #64ffff with #000de1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 53
- B 94
RGB color chart
- C 79
- M 44
- Y 0
- K 6
CMYK color chart

● #3286f0 color description : Bright blue.

The hexadecimal color #3286f0 has RGB values of R:50, G:134, B:240 and CMYK values of C:0.79, M:0.44, Y:0, K:0.06. Its decimal value is 3311344.

Hex triplet	3286f0	`#3286f0`
RGB Decimal	50, 134, 240	`rgb(50,134,240)`
RGB Percent	19.6, 52.5, 94.1	`rgb(19.6%,52.5%,94.1%)`
CMYK	79, 44, 0, 6
HSL	213.5°, 86.4, 56.9	`hsl(213.5,86.4%,56.9%)`
HSV (or HSB)	213.5°, 79.2, 94.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.105, 11.956, -60.355
XYZ	25.565, 24.017, 85.722
xyY	0.189, 0.178, 24.017
CIE-LCH	56.105, 61.528, 281.205
CIE-LUV	56.105, -28.301, -96.395
Hunter-Lab	49.008, 7.352, -69.402
Binary	00110010, 10000110, 11110000

#3286f0
```
#3286f0 rgb(50,134,240)
```
#f09c32
```
#f09c32 rgb(240,156,50)
```

Complementary Color

#32e5f0
```
#32e5f0 rgb(50,229,240)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#3d32f0
```
#3d32f0 rgb(61,50,240)
```

Analogous Color

#e5f032
```
#e5f032 rgb(229,240,50)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#f03d32
```
#f03d32 rgb(240,61,50)
```

Split Complementary Color

#86f032
```
#86f032 rgb(134,240,50)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#f03286
```
#f03286 rgb(240,50,134)
```

Triadic Color

#32f09c
```
#32f09c rgb(50,240,156)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#f03286
```
#f03286 rgb(240,50,134)
```
#f09c32
```
#f09c32 rgb(240,156,50)
```

Tetradic Color

#0f60c7
```
#0f60c7 rgb(15,96,199)
```
#106cdf
```
#106cdf rgb(16,108,223)
```
#1a78ee
```
#1a78ee rgb(26,120,238)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#4a94f2
```
#4a94f2 rgb(74,148,242)
```
#62a2f3
```
#62a2f3 rgb(98,162,243)
```
#79b0f5
```
#79b0f5 rgb(121,176,245)
```

Monochromatic Color

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

#32b6f0
```
#32b6f0 rgb(50,182,240)
```
#32a6f0
```
#32a6f0 rgb(50,166,240)
```
#3296f0
```
#3296f0 rgb(50,150,240)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#3276f0
```
#3276f0 rgb(50,118,240)
```
#3266f0
```
#3266f0 rgb(50,102,240)
```
#3257f0
```
#3257f0 rgb(50,87,240)
```

Similar Colors

Text with hexadecimal color #3286f0

This text has a font color of #3286f0.

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

#3286f0 background color

This paragraph has a background color of #3286f0.

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

#3286f0 border color

This element has a border color of #3286f0.

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

CSS codes

.text {color:#3286f0;}

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

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

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#021021
```
#021021 rgb(2,16,33)
```
#041933
```
#041933 rgb(4,25,51)
```
#052145
```
#052145 rgb(5,33,69)
```
#062a57
```
#062a57 rgb(6,42,87)
```
#08336a
```
#08336a rgb(8,51,106)
```
#093c7c
```
#093c7c rgb(9,60,124)
```
#0a458e
```
#0a458e rgb(10,69,142)
```
#0c4ea1
```
#0c4ea1 rgb(12,78,161)
```
#0d56b3
```
#0d56b3 rgb(13,86,179)
```
#0e5fc5
```
#0e5fc5 rgb(14,95,197)
```
#1068d7
```
#1068d7 rgb(16,104,215)
```
#1171ea
```
#1171ea rgb(17,113,234)
```

Shade Color Variation

#207bef
```
#207bef rgb(32,123,239)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#4491f1
```
#4491f1 rgb(68,145,241)
```
#579cf3
```
#579cf3 rgb(87,156,243)
```
#69a6f4
```
#69a6f4 rgb(105,166,244)
```
#7bb1f5
```
#7bb1f5 rgb(123,177,245)
```
#8dbcf7
```
#8dbcf7 rgb(141,188,247)
```
#a0c7f8
```
#a0c7f8 rgb(160,199,248)
```
#b2d2f9
```
#b2d2f9 rgb(178,210,249)
```
#c4dcfb
```
#c4dcfb rgb(196,220,251)
```
#d7e7fc
```
#d7e7fc rgb(215,231,252)
```
#e9f2fd
```
#e9f2fd rgb(233,242,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9193 is the less saturated color, while #2a85f8 is the most saturated one.

#8f9193
```
#8f9193 rgb(143,145,147)
```
#87909b
```
#87909b rgb(135,144,155)
```
#7e8fa4
```
#7e8fa4 rgb(126,143,164)
```
#768eac
```
#768eac rgb(118,142,172)
```
#6d8db5
```
#6d8db5 rgb(109,141,181)
```
#658cbd
```
#658cbd rgb(101,140,189)
```
#5c8bc6
```
#5c8bc6 rgb(92,139,198)
```
#548ace
```
#548ace rgb(84,138,206)
```
#4b89d7
```
#4b89d7 rgb(75,137,215)
```
#4388df
```
#4388df rgb(67,136,223)
```
#3a87e8
```
#3a87e8 rgb(58,135,232)
```
#3286f0
```
#3286f0 rgb(50,134,240)
```
#2a85f8
```
#2a85f8 rgb(42,133,248)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b7c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5789ee Protanopia 1% of men
#008fee Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#4a88ee Protanomaly 1% of men, 0.01% of women
#128bef Deuteranomaly 6% of men, 0.4% of women
#1293bf Tritanomaly 0.01% of the population

#3286f0 hex color

#3286f0 Color Information

#3286f0 Color Conversion

Color Schemes with #3286f0

Alternatives to #3286f0

#3286f0 Preview

Shades and Tints of #3286f0

Tones of #3286f0

Color Blindness Simulator