#4285fe hex color

In a RGB color space, hex #4285fe is composed of 25.9% red, 52.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 47.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 218.6 degrees, a saturation of 98.9% and a lightness of 62.7%. #4285fe color hex could be obtained by blending #84ffff with #000bfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 52
- B 100
RGB color chart
- C 74
- M 48
- Y 0
- K 0
CMYK color chart

● #4285fe color description : Bright blue.

The hexadecimal color #4285fe has RGB values of R:66, G:133, B:254 and CMYK values of C:0.74, M:0.48, Y:0, K:0. Its decimal value is 4359678.

Hex triplet	4285fe	`#4285fe`
RGB Decimal	66, 133, 254	`rgb(66,133,254)`
RGB Percent	25.9, 52.2, 99.6	`rgb(25.9%,52.2%,99.6%)`
CMYK	74, 48, 0, 0
HSL	218.6°, 98.9, 62.7	`hsl(218.6,98.9%,62.7%)`
HSV (or HSB)	218.6°, 74, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.16, 19.394, -66.37
XYZ	28.52, 25.087, 97.1
xyY	0.189, 0.166, 25.087
CIE-LCH	57.16, 69.146, 286.289
CIE-LUV	57.16, -25.237, -106.999
Hunter-Lab	50.087, 13.987, -79.88
Binary	01000010, 10000101, 11111110

#4285fe
```
#4285fe rgb(66,133,254)
```
#febb42
```
#febb42 rgb(254,187,66)
```

Complementary Color

#42e3fe
```
#42e3fe rgb(66,227,254)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#5d42fe
```
#5d42fe rgb(93,66,254)
```

Analogous Color

#e3fe42
```
#e3fe42 rgb(227,254,66)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#fe5d42
```
#fe5d42 rgb(254,93,66)
```

Split Complementary Color

#85fe42
```
#85fe42 rgb(133,254,66)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#fe4285
```
#fe4285 rgb(254,66,133)
```

Triadic Color

#42febb
```
#42febb rgb(66,254,187)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#fe4285
```
#fe4285 rgb(254,66,133)
```
#febb42
```
#febb42 rgb(254,187,66)
```

Tetradic Color

#0157f2
```
#0157f2 rgb(1,87,242)
```
#0f64fe
```
#0f64fe rgb(15,100,254)
```
#2975fe
```
#2975fe rgb(41,117,254)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#5b95fe
```
#5b95fe rgb(91,149,254)
```
#75a6fe
```
#75a6fe rgb(117,166,254)
```
#8eb6fe
```
#8eb6fe rgb(142,182,254)
```

Monochromatic Color

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

#42b4fe
```
#42b4fe rgb(66,180,254)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#4295fe
```
#4295fe rgb(66,149,254)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#4275fe
```
#4275fe rgb(66,117,254)
```
#4266fe
```
#4266fe rgb(66,102,254)
```
#4256fe
```
#4256fe rgb(66,86,254)
```

Similar Colors

Text with hexadecimal color #4285fe

This text has a font color of #4285fe.

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

#4285fe background color

This paragraph has a background color of #4285fe.

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

#4285fe border color

This element has a border color of #4285fe.

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

CSS codes

.text {color:#4285fe;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#00091a
```
#00091a rgb(0,9,26)
```
#00102d
```
#00102d rgb(0,16,45)
```
#001741
```
#001741 rgb(0,23,65)
```
#001e54
```
#001e54 rgb(0,30,84)
```
#012568
```
#012568 rgb(1,37,104)
```
#012c7b
```
#012c7b rgb(1,44,123)
```
#01338f
```
#01338f rgb(1,51,143)
```
#013aa2
```
#013aa2 rgb(1,58,162)
```
#0141b6
```
#0141b6 rgb(1,65,182)
```
#0148c9
```
#0148c9 rgb(1,72,201)
```
#014fdd
```
#014fdd rgb(1,79,221)
```
#0156f0
```
#0156f0 rgb(1,86,240)
```

Shade Color Variation

#075ffe
```
#075ffe rgb(7,95,254)
```
#1b6cfe
```
#1b6cfe rgb(27,108,254)
```
#2e78fe
```
#2e78fe rgb(46,120,254)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#5692fe
```
#5692fe rgb(86,146,254)
```
#699efe
```
#699efe rgb(105,158,254)
```
#7dabfe
```
#7dabfe rgb(125,171,254)
```
#90b7fe
```
#90b7fe rgb(144,183,254)
```
#a4c4ff
```
#a4c4ff rgb(164,196,255)
```
#b7d1ff
```
#b7d1ff rgb(183,209,255)
```
#cbddff
```
#cbddff rgb(203,221,255)
```
#deeaff
```
#deeaff rgb(222,234,255)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9ea6 is the less saturated color, while #4285fe is the most saturated one.

#9a9ea6
```
#9a9ea6 rgb(154,158,166)
```
#929cae
```
#929cae rgb(146,156,174)
```
#8b9ab5
```
#8b9ab5 rgb(139,154,181)
```
#8498bc
```
#8498bc rgb(132,152,188)
```
#7c96c4
```
#7c96c4 rgb(124,150,196)
```
#7594cb
```
#7594cb rgb(117,148,203)
```
#6e92d2
```
#6e92d2 rgb(110,146,210)
```
#678fd9
```
#678fd9 rgb(103,143,217)
```
#5f8de1
```
#5f8de1 rgb(95,141,225)
```
#588be8
```
#588be8 rgb(88,139,232)
```
#5189ef
```
#5189ef rgb(81,137,239)
```
#4987f7
```
#4987f7 rgb(73,135,247)
```
#4285fe
```
#4285fe rgb(66,133,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#738098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8bfe Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#4789fe Protanomaly 1% of men, 0.01% of women
#188df6 Deuteranomaly 6% of men, 0.4% of women
#1894c6 Tritanomaly 0.01% of the population

#4285fe hex color

#4285fe Color Information

#4285fe Color Conversion

Color Schemes with #4285fe

Alternatives to #4285fe

#4285fe Preview

Shades and Tints of #4285fe

Tones of #4285fe

Color Blindness Simulator