#428dfe hex color

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

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

● #428dfe color description : Bright blue.

The hexadecimal color #428dfe has RGB values of R:66, G:141, B:254 and CMYK values of C:0.74, M:0.44, Y:0, K:0. Its decimal value is 4361726.

Hex triplet	428dfe	`#428dfe`
RGB Decimal	66, 141, 254	`rgb(66,141,254)`
RGB Percent	25.9, 55.3, 99.6	`rgb(25.9%,55.3%,99.6%)`
CMYK	74, 44, 0, 0
HSL	216.1°, 98.9, 62.7	`hsl(216.1,98.9%,62.7%)`
HSV (or HSB)	216.1°, 74, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.307, 14.529, -62.918
XYZ	29.657, 27.362, 97.479
xyY	0.192, 0.177, 27.362
CIE-LCH	59.307, 64.574, 283.003
CIE-LUV	59.307, -27.674, -101.896
Hunter-Lab	52.308, 9.664, -73.874
Binary	01000010, 10001101, 11111110

#428dfe
```
#428dfe rgb(66,141,254)
```
#feb342
```
#feb342 rgb(254,179,66)
```

Complementary Color

#42ebfe
```
#42ebfe rgb(66,235,254)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#5542fe
```
#5542fe rgb(85,66,254)
```

Analogous Color

#ebfe42
```
#ebfe42 rgb(235,254,66)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#fe5542
```
#fe5542 rgb(254,85,66)
```

Split Complementary Color

#8dfe42
```
#8dfe42 rgb(141,254,66)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#fe428d
```
#fe428d rgb(254,66,141)
```

Triadic Color

#42feb3
```
#42feb3 rgb(66,254,179)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#fe428d
```
#fe428d rgb(254,66,141)
```
#feb342
```
#feb342 rgb(254,179,66)
```

Tetradic Color

#0161f2
```
#0161f2 rgb(1,97,242)
```
#0f6efe
```
#0f6efe rgb(15,110,254)
```
#297efe
```
#297efe rgb(41,126,254)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#5b9cfe
```
#5b9cfe rgb(91,156,254)
```
#75acfe
```
#75acfe rgb(117,172,254)
```
#8ebbfe
```
#8ebbfe rgb(142,187,254)
```

Monochromatic Color

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

#42bcfe
```
#42bcfe rgb(66,188,254)
```
#42acfe
```
#42acfe rgb(66,172,254)
```
#429dfe
```
#429dfe rgb(66,157,254)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#427dfe
```
#427dfe rgb(66,125,254)
```
#426efe
```
#426efe rgb(66,110,254)
```
#425efe
```
#425efe rgb(66,94,254)
```

Similar Colors

Text with hexadecimal color #428dfe

This text has a font color of #428dfe.

<span style="color:#428dfe;">Text here</span>

#428dfe background color

This paragraph has a background color of #428dfe.

<p style="background-color:#428dfe;">Content here</p>

#428dfe border color

This element has a border color of #428dfe.

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

CSS codes

.text {color:#428dfe;}

.background {background-color:#428dfe;}

.border {border:1px solid #428dfe;}

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 #f2f7ff is the lightest one.

#000206
```
#000206 rgb(0,2,6)
```
#000a1a
```
#000a1a rgb(0,10,26)
```
#00122d
```
#00122d rgb(0,18,45)
```
#001a41
```
#001a41 rgb(0,26,65)
```
#002254
```
#002254 rgb(0,34,84)
```
#012a68
```
#012a68 rgb(1,42,104)
```
#01327b
```
#01327b rgb(1,50,123)
```
#01398f
```
#01398f rgb(1,57,143)
```
#0141a2
```
#0141a2 rgb(1,65,162)
```
#0149b6
```
#0149b6 rgb(1,73,182)
```
#0151c9
```
#0151c9 rgb(1,81,201)
```
#0159dd
```
#0159dd rgb(1,89,221)
```
#0161f0
```
#0161f0 rgb(1,97,240)
```

Shade Color Variation

#076afe
```
#076afe rgb(7,106,254)
```
#1b75fe
```
#1b75fe rgb(27,117,254)
```
#2e81fe
```
#2e81fe rgb(46,129,254)
```
#428dfe
```
#428dfe rgb(66,141,254)
```
#5699fe
```
#5699fe rgb(86,153,254)
```
#69a5fe
```
#69a5fe rgb(105,165,254)
```
#7db0fe
```
#7db0fe rgb(125,176,254)
```
#90bcfe
```
#90bcfe rgb(144,188,254)
```
#a4c8ff
```
#a4c8ff rgb(164,200,255)
```
#b7d4ff
```
#b7d4ff rgb(183,212,255)
```
#cbdfff
```
#cbdfff rgb(203,223,255)
```
#deebff
```
#deebff rgb(222,235,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#9a9fa6
```
#9a9fa6 rgb(154,159,166)
```
#929dae
```
#929dae rgb(146,157,174)
```
#8b9cb5
```
#8b9cb5 rgb(139,156,181)
```
#849abc
```
#849abc rgb(132,154,188)
```
#7c99c4
```
#7c99c4 rgb(124,153,196)
```
#7597cb
```
#7597cb rgb(117,151,203)
```
#6e96d2
```
#6e96d2 rgb(110,150,210)
```
#6794d9
```
#6794d9 rgb(103,148,217)
```
#5f93e1
```
#5f93e1 rgb(95,147,225)
```
#5891e8
```
#5891e8 rgb(88,145,232)
```
#5190ef
```
#5190ef rgb(81,144,239)
```
#498ef7
```
#498ef7 rgb(73,142,247)
```
#428dfe
```
#428dfe rgb(66,141,254)
```

Tone Color Variation

Below, you can see how #428dfe 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

#838383 Achromatopsia 0.005% of the population
#76859c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b91fc Protanopia 1% of men
#0097fc Deuteranopia 1% of men
#00a3ad Tritanopia 0.001% of the population

Trichromacy

#528ffd Protanomaly 1% of men, 0.01% of women
#1893fc Deuteranomaly 6% of men, 0.4% of women
#189bca Tritanomaly 0.01% of the population

#428dfe hex color

#428dfe Color Information

#428dfe Color Conversion

Color Schemes with #428dfe

Alternatives to #428dfe

#428dfe Preview

Shades and Tints of #428dfe

Tones of #428dfe

Color Blindness Simulator