#4285ec hex color

In a RGB color space, hex #4285ec is composed of 25.9% red, 52.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 43.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.4 degrees, a saturation of 81.7% and a lightness of 59.2%. #4285ec color hex could be obtained by blending #84ffff with #000bd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 52
- B 93
RGB color chart
- C 72
- M 44
- Y 0
- K 7
CMYK color chart

● #4285ec color description : Bright blue.

The hexadecimal color #4285ec has RGB values of R:66, G:133, B:236 and CMYK values of C:0.72, M:0.44, Y:0, K:0.07. Its decimal value is 4359660.

Hex triplet	4285ec	`#4285ec`
RGB Decimal	66, 133, 236	`rgb(66,133,236)`
RGB Percent	25.9, 52.2, 92.5	`rgb(25.9%,52.2%,92.5%)`
CMYK	72, 44, 0, 7
HSL	216.4°, 81.7, 59.2	`hsl(216.4,81.7%,59.2%)`
HSV (or HSB)	216.4°, 72, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.075, 12.951, -58.155
XYZ	25.771, 23.988, 82.624
xyY	0.195, 0.181, 23.988
CIE-LCH	56.075, 59.58, 282.554
CIE-LUV	56.075, -25.591, -92.965
Hunter-Lab	48.977, 8.215, -65.738
Binary	01000010, 10000101, 11101100

#4285ec
```
#4285ec rgb(66,133,236)
```
#eca942
```
#eca942 rgb(236,169,66)
```

Complementary Color

#42daec
```
#42daec rgb(66,218,236)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#5442ec
```
#5442ec rgb(84,66,236)
```

Analogous Color

#daec42
```
#daec42 rgb(218,236,66)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#ec5442
```
#ec5442 rgb(236,84,66)
```

Split Complementary Color

#85ec42
```
#85ec42 rgb(133,236,66)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#ec4285
```
#ec4285 rgb(236,66,133)
```

Triadic Color

#42eca9
```
#42eca9 rgb(66,236,169)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#ec4285
```
#ec4285 rgb(236,66,133)
```
#eca942
```
#eca942 rgb(236,169,66)
```

Tetradic Color

#155dcd
```
#155dcd rgb(21,93,205)
```
#1768e4
```
#1768e4 rgb(23,104,228)
```
#2b76ea
```
#2b76ea rgb(43,118,234)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#5994ee
```
#5994ee rgb(89,148,238)
```
#70a3f1
```
#70a3f1 rgb(112,163,241)
```
#88b2f3
```
#88b2f3 rgb(136,178,243)
```

Monochromatic Color

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

#42b0ec
```
#42b0ec rgb(66,176,236)
```
#42a1ec
```
#42a1ec rgb(66,161,236)
```
#4293ec
```
#4293ec rgb(66,147,236)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#4277ec
```
#4277ec rgb(66,119,236)
```
#4269ec
```
#4269ec rgb(66,105,236)
```
#425bec
```
#425bec rgb(66,91,236)
```

Similar Colors

Text with hexadecimal color #4285ec

This text has a font color of #4285ec.

<span style="color:#4285ec;">Text here</span>

#4285ec background color

This paragraph has a background color of #4285ec.

<p style="background-color:#4285ec;">Content here</p>

#4285ec border color

This element has a border color of #4285ec.

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

CSS codes

.text {color:#4285ec;}

.background {background-color:#4285ec;}

.border {border:1px solid #4285ec;}

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, #010307 is the darkest color, while #f4f8fe is the lightest one.

#010307
```
#010307 rgb(1,3,7)
```
#030b19
```
#030b19 rgb(3,11,25)
```
#04132b
```
#04132b rgb(4,19,43)
```
#061c3d
```
#061c3d rgb(6,28,61)
```
#08244e
```
#08244e rgb(8,36,78)
```
#0a2c60
```
#0a2c60 rgb(10,44,96)
```
#0b3472
```
#0b3472 rgb(11,52,114)
```
#0d3c84
```
#0d3c84 rgb(13,60,132)
```
#0f4496
```
#0f4496 rgb(15,68,150)
```
#114ca7
```
#114ca7 rgb(17,76,167)
```
#1354b9
```
#1354b9 rgb(19,84,185)
```
#145ccb
```
#145ccb rgb(20,92,203)
```
#1665dd
```
#1665dd rgb(22,101,221)
```

Shade Color Variation

#1e6ee8
```
#1e6ee8 rgb(30,110,232)
```
#3079ea
```
#3079ea rgb(48,121,234)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#5491ee
```
#5491ee rgb(84,145,238)
```
#669cf0
```
#669cf0 rgb(102,156,240)
```
#77a8f1
```
#77a8f1 rgb(119,168,241)
```
#89b3f3
```
#89b3f3 rgb(137,179,243)
```
#9bbff5
```
#9bbff5 rgb(155,191,245)
```
#adcaf7
```
#adcaf7 rgb(173,202,247)
```
#bfd6f9
```
#bfd6f9 rgb(191,214,249)
```
#d1e1fa
```
#d1e1fa rgb(209,225,250)
```
#e2edfc
```
#e2edfc rgb(226,237,252)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92969c is the less saturated color, while #3282fc is the most saturated one.

#92969c
```
#92969c rgb(146,150,156)
```
#8a94a4
```
#8a94a4 rgb(138,148,164)
```
#8293ac
```
#8293ac rgb(130,147,172)
```
#7a91b4
```
#7a91b4 rgb(122,145,180)
```
#728fbc
```
#728fbc rgb(114,143,188)
```
#6a8dc4
```
#6a8dc4 rgb(106,141,196)
```
#628ccc
```
#628ccc rgb(98,140,204)
```
#5a8ad4
```
#5a8ad4 rgb(90,138,212)
```
#5288dc
```
#5288dc rgb(82,136,220)
```
#4a87e4
```
#4a87e4 rgb(74,135,228)
```
#4285ec
```
#4285ec rgb(66,133,236)
```
#3a83f4
```
#3a83f4 rgb(58,131,244)
```
#3282fc
```
#3282fc rgb(50,130,252)
```

Tone Color Variation

Below, you can see how #4285ec 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

#7d7d7d Achromatopsia 0.005% of the population
#717f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a89eb Protanopia 1% of men
#298eeb Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#5187eb Protanomaly 1% of men, 0.01% of women
#328beb Deuteranomaly 6% of men, 0.4% of women
#1892be Tritanomaly 0.01% of the population

#4285ec hex color

#4285ec Color Information

#4285ec Color Conversion

Color Schemes with #4285ec

Alternatives to #4285ec

#4285ec Preview

Shades and Tints of #4285ec

Tones of #4285ec

Color Blindness Simulator