#4285f6 Color Information
In a RGB color space, hex #4285f6 is composed of 25.9% red, 52.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 45.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 217.7 degrees, a saturation of 90.9% and a lightness of 61.2%. #4285f6 color hex could be obtained by blending #84ffff with #000bed. Closest websafe color is: #3399ff.
-
- R 26
- G 52
- B 96
-
- C 73
- M 46
- Y 0
- K 4
● #4285f6 color description : Bright blue.
#4285f6 Color Conversion
The hexadecimal color #4285f6 has RGB values of R:66, G:133, B:246 and CMYK values of C:0.73, M:0.46, Y:0, K:0.04. Its decimal value is 4359670.
Hex triplet | 4285f6 | #4285f6 |
---|---|---|
RGB Decimal | 66, 133, 246 | rgb(66,133,246) |
RGB Percent | 25.9, 52.2, 96.5 | rgb(25.9%,52.2%,96.5%) |
CMYK | 73, 46, 0, 4 | |
HSL | 217.7°, 90.9, 61.2 | hsl(217.7,90.9%,61.2%) |
HSV (or HSB) | 217.7°, 73.2, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.669, 16.528, -62.747 |
---|---|
XYZ | 27.265, 24.585, 90.492 |
xyY | 0.192, 0.173, 24.585 |
CIE-LCH | 56.669, 64.888, 284.757 |
CIE-LUV | 56.669, -25.385, -100.825 |
Hunter-Lab | 49.583, 11.384, -73.499 |
Binary | 01000010, 10000101, 11110110 |
Color Schemes with #4285f6
Alternatives to #4285f6
Below, you can see some colors close to #4285f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4285f6 Preview
This text has a font color of #4285f6.
<span style="color:#4285f6;">Text here</span>
This paragraph has a background color of #4285f6.
<p style="background-color:#4285f6;">Content here</p>
This element has a border color of #4285f6.
<div style="border:1px solid #4285f6;">Content here</div>
.text {color:#4285f6;}
.background {background-color:#4285f6;}
.border {border:1px solid #4285f6;}
Shades and Tints of #4285f6
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, #010711 is the darkest color, while #fdfeff is the lightest one.
-
#010711
#010711
rgb(1,7,17)
-
#020e24
#020e24
rgb(2,14,36)
-
#031636
#031636
rgb(3,22,54)
-
#031d49
#031d49
rgb(3,29,73)
-
#04255c
#04255c
rgb(4,37,92)
-
#052c6f
#052c6f
rgb(5,44,111)
-
#063481
#063481
rgb(6,52,129)
-
#073c94
#073c94
rgb(7,60,148)
-
#0843a7
#0843a7
rgb(8,67,167)
-
#094bb9
#094bb9
rgb(9,75,185)
-
#0a52cc
#0a52cc
rgb(10,82,204)
-
#0b5adf
#0b5adf
rgb(11,90,223)
-
#0c61f2
#0c61f2
rgb(12,97,242)
-
#1d6df4
#1d6df4
rgb(29,109,244)
-
#2f79f5
#2f79f5
rgb(47,121,245)
-
#4285f6
#4285f6
rgb(66,133,246)
-
#5591f7
#5591f7
rgb(85,145,247)
-
#679df8
#679df8
rgb(103,157,248)
-
#7aa9f9
#7aa9f9
rgb(122,169,249)
-
#8db5fa
#8db5fa
rgb(141,181,250)
-
#a0c1fa
#a0c1fa
rgb(160,193,250)
-
#b2cefb
#b2cefb
rgb(178,206,251)
-
#c5dafc
#c5dafc
rgb(197,218,252)
-
#d8e6fd
#d8e6fd
rgb(216,230,253)
-
#ebf2fe
#ebf2fe
rgb(235,242,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #4285f6
A tone is produced by adding gray to any pure hue. In this case, #969aa2 is the less saturated color, while #3a83fe is the most saturated one.
-
#969aa2
#969aa2
rgb(150,154,162)
-
#8e98aa
#8e98aa
rgb(142,152,170)
-
#8797b1
#8797b1
rgb(135,151,177)
-
#7f95b9
#7f95b9
rgb(127,149,185)
-
#7793c1
#7793c1
rgb(119,147,193)
-
#7091c8
#7091c8
rgb(112,145,200)
-
#688fd0
#688fd0
rgb(104,143,208)
-
#608dd8
#608dd8
rgb(96,141,216)
-
#598bdf
#598bdf
rgb(89,139,223)
-
#5189e7
#5189e7
rgb(81,137,231)
-
#4a87ee
#4a87ee
rgb(74,135,238)
-
#4285f6
#4285f6
rgb(66,133,246)
-
#3a83fe
#3a83fe
rgb(58,131,254)
Color Blindness Simulator
Below, you can see how #4285f6 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.