#3285f6 Color Information
In a RGB color space, hex #3285f6 is composed of 19.6% red, 52.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 45.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 214.6 degrees, a saturation of 91.6% and a lightness of 58%. #3285f6 color hex could be obtained by blending #64ffff with #000bed. Closest websafe color is: #3399ff.
-
- R 20
- G 52
- B 96
-
- C 80
- M 46
- Y 0
- K 4
● #3285f6 color description : Bright blue.
#3285f6 Color Conversion
The hexadecimal color #3285f6 has RGB values of R:50, G:133, B:246 and CMYK values of C:0.8, M:0.46, Y:0, K:0.04. Its decimal value is 3311094.
Hex triplet | 3285f6 | #3285f6 |
---|---|---|
RGB Decimal | 50, 133, 246 | rgb(50,133,246) |
RGB Percent | 19.6, 52.2, 96.5 | rgb(19.6%,52.2%,96.5%) |
CMYK | 80, 46, 0, 4 | |
HSL | 214.6°, 91.6, 58 | hsl(214.6,91.6%,58%) |
HSV (or HSB) | 214.6°, 79.7, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.193, 14.783, -63.538 |
---|---|
XYZ | 26.334, 24.105, 90.449 |
xyY | 0.187, 0.171, 24.105 |
CIE-LCH | 56.193, 65.235, 283.097 |
CIE-LUV | 56.193, -27.803, -101.731 |
Hunter-Lab | 49.097, 9.822, -74.859 |
Binary | 00110010, 10000101, 11110110 |
Color Schemes with #3285f6
Alternatives to #3285f6
Below, you can see some colors close to #3285f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3285f6 Preview
This text has a font color of #3285f6.
<span style="color:#3285f6;">Text here</span>
This paragraph has a background color of #3285f6.
<p style="background-color:#3285f6;">Content here</p>
This element has a border color of #3285f6.
<div style="border:1px solid #3285f6;">Content here</div>
.text {color:#3285f6;}
.background {background-color:#3285f6;}
.border {border:1px solid #3285f6;}
Shades and Tints of #3285f6
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, #000102 is the darkest color, while #eef5fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010914
#010914
rgb(1,9,20)
-
#021227
#021227
rgb(2,18,39)
-
#031a3a
#031a3a
rgb(3,26,58)
-
#03224d
#03224d
rgb(3,34,77)
-
#042b60
#042b60
rgb(4,43,96)
-
#053372
#053372
rgb(5,51,114)
-
#063c85
#063c85
rgb(6,60,133)
-
#074498
#074498
rgb(7,68,152)
-
#074dab
#074dab
rgb(7,77,171)
-
#0855be
#0855be
rgb(8,85,190)
-
#095ed0
#095ed0
rgb(9,94,208)
-
#0a66e3
#0a66e3
rgb(10,102,227)
-
#0c6ff4
#0c6ff4
rgb(12,111,244)
-
#1f7af5
#1f7af5
rgb(31,122,245)
-
#3285f6
#3285f6
rgb(50,133,246)
-
#4590f7
#4590f7
rgb(69,144,247)
-
#589bf8
#589bf8
rgb(88,155,248)
-
#6aa7f8
#6aa7f8
rgb(106,167,248)
-
#7db2f9
#7db2f9
rgb(125,178,249)
-
#90bdfa
#90bdfa
rgb(144,189,250)
-
#a3c8fb
#a3c8fb
rgb(163,200,251)
-
#b6d3fc
#b6d3fc
rgb(182,211,252)
-
#c8defd
#c8defd
rgb(200,222,253)
-
#dbeafd
#dbeafd
rgb(219,234,253)
-
#eef5fe
#eef5fe
rgb(238,245,254)
Tones of #3285f6
A tone is produced by adding gray to any pure hue. In this case, #8d939b is the less saturated color, while #2a84fe is the most saturated one.
-
#8d939b
#8d939b
rgb(141,147,155)
-
#8492a4
#8492a4
rgb(132,146,164)
-
#7c90ac
#7c90ac
rgb(124,144,172)
-
#748fb4
#748fb4
rgb(116,143,180)
-
#6c8ebc
#6c8ebc
rgb(108,142,188)
-
#638dc5
#638dc5
rgb(99,141,197)
-
#5b8bcd
#5b8bcd
rgb(91,139,205)
-
#538ad5
#538ad5
rgb(83,138,213)
-
#4b89dd
#4b89dd
rgb(75,137,221)
-
#4288e6
#4288e6
rgb(66,136,230)
-
#3a86ee
#3a86ee
rgb(58,134,238)
-
#3285f6
#3285f6
rgb(50,133,246)
-
#2a84fe
#2a84fe
rgb(42,132,254)
Color Blindness Simulator
Below, you can see how #3285f6 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.