#3286f5 Color Information
In a RGB color space, hex #3286f5 is composed of 19.6% red, 52.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 45.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 214.2 degrees, a saturation of 90.7% and a lightness of 57.8%. #3286f5 color hex could be obtained by blending #64ffff with #000deb. Closest websafe color is: #3399ff.
-
- R 20
- G 53
- B 96
-
- C 80
- M 45
- Y 0
- K 4
● #3286f5 color description : Bright blue.
#3286f5 Color Conversion
The hexadecimal color #3286f5 has RGB values of R:50, G:134, B:245 and CMYK values of C:0.8, M:0.45, Y:0, K:0.04. Its decimal value is 3311349.
Hex triplet | 3286f5 | #3286f5 |
---|---|---|
RGB Decimal | 50, 134, 245 | rgb(50,134,245) |
RGB Percent | 19.6, 52.5, 96.1 | rgb(19.6%,52.5%,96.1%) |
CMYK | 80, 45, 0, 4 | |
HSL | 214.2°, 90.7, 57.8 | hsl(214.2,90.7%,57.8%) |
HSV (or HSB) | 214.2°, 79.6, 96.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.406, 13.801, -62.643 |
---|---|
XYZ | 26.318, 24.319, 89.688 |
xyY | 0.188, 0.173, 24.319 |
CIE-LCH | 56.406, 64.145, 282.424 |
CIE-LUV | 56.406, -28.139, -100.311 |
Hunter-Lab | 49.314, 8.963, -73.312 |
Binary | 00110010, 10000110, 11110101 |
Color Schemes with #3286f5
Alternatives to #3286f5
Below, you can see some colors close to #3286f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3286f5 Preview
This text has a font color of #3286f5.
<span style="color:#3286f5;">Text here</span>
This paragraph has a background color of #3286f5.
<p style="background-color:#3286f5;">Content here</p>
This element has a border color of #3286f5.
<div style="border:1px solid #3286f5;">Content here</div>
.text {color:#3286f5;}
.background {background-color:#3286f5;}
.border {border:1px solid #3286f5;}
Shades and Tints of #3286f5
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, #000001 is the darkest color, while #edf4fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010913
#010913
rgb(1,9,19)
-
#021126
#021126
rgb(2,17,38)
-
#031a39
#031a39
rgb(3,26,57)
-
#04234c
#04234c
rgb(4,35,76)
-
#052b5e
#052b5e
rgb(5,43,94)
-
#063471
#063471
rgb(6,52,113)
-
#063c84
#063c84
rgb(6,60,132)
-
#074596
#074596
rgb(7,69,150)
-
#084ea9
#084ea9
rgb(8,78,169)
-
#0956bc
#0956bc
rgb(9,86,188)
-
#0a5fce
#0a5fce
rgb(10,95,206)
-
#0b67e1
#0b67e1
rgb(11,103,225)
-
#0d70f3
#0d70f3
rgb(13,112,243)
-
#1f7bf4
#1f7bf4
rgb(31,123,244)
-
#3286f5
#3286f5
rgb(50,134,245)
-
#4591f6
#4591f6
rgb(69,145,246)
-
#579cf7
#579cf7
rgb(87,156,247)
-
#6aa7f8
#6aa7f8
rgb(106,167,248)
-
#7db2f9
#7db2f9
rgb(125,178,249)
-
#90bdfa
#90bdfa
rgb(144,189,250)
-
#a2c8fa
#a2c8fa
rgb(162,200,250)
-
#b5d3fb
#b5d3fb
rgb(181,211,251)
-
#c8defc
#c8defc
rgb(200,222,252)
-
#dae9fd
#dae9fd
rgb(218,233,253)
-
#edf4fe
#edf4fe
rgb(237,244,254)
Tones of #3286f5
A tone is produced by adding gray to any pure hue. In this case, #8d939a is the less saturated color, while #2a85fd is the most saturated one.
-
#8d939a
#8d939a
rgb(141,147,154)
-
#8591a2
#8591a2
rgb(133,145,162)
-
#7c90ab
#7c90ab
rgb(124,144,171)
-
#748fb3
#748fb3
rgb(116,143,179)
-
#6c8ebb
#6c8ebb
rgb(108,142,187)
-
#648dc3
#648dc3
rgb(100,141,195)
-
#5b8ccc
#5b8ccc
rgb(91,140,204)
-
#538bd4
#538bd4
rgb(83,139,212)
-
#4b89dc
#4b89dc
rgb(75,137,220)
-
#4388e4
#4388e4
rgb(67,136,228)
-
#3a87ed
#3a87ed
rgb(58,135,237)
-
#3286f5
#3286f5
rgb(50,134,245)
-
#2a85fd
#2a85fd
rgb(42,133,253)
Color Blindness Simulator
Below, you can see how #3286f5 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.