#428bfc hex color

In a RGB color space, hex #428bfc is composed of 25.9% red, 54.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 44.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.5 degrees, a saturation of 96.9% and a lightness of 62.4%. #428bfc color hex could be obtained by blending #84ffff with #0017f9. Closest websafe color is: #3399ff.

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

● #428bfc color description : Bright blue.

The hexadecimal color #428bfc has RGB values of R:66, G:139, B:252 and CMYK values of C:0.74, M:0.45, Y:0, K:0.01. Its decimal value is 4361212.

Hex triplet	428bfc	`#428bfc`
RGB Decimal	66, 139, 252	`rgb(66,139,252)`
RGB Percent	25.9, 54.5, 98.8	`rgb(25.9%,54.5%,98.8%)`
CMYK	74, 45, 0, 1
HSL	216.5°, 96.9, 62.4	`hsl(216.5,96.9%,62.4%)`
HSV (or HSB)	216.5°, 73.8, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.649, 15.024, -62.876
XYZ	29.046, 26.65, 95.703
xyY	0.192, 0.176, 26.65
CIE-LCH	58.649, 64.647, 283.439
CIE-LUV	58.649, -27.103, -101.639
Hunter-Lab	51.623, 10.094, -73.78
Binary	01000010, 10001011, 11111100

#428bfc
```
#428bfc rgb(66,139,252)
```
#fcb342
```
#fcb342 rgb(252,179,66)
```

Complementary Color

#42e8fc
```
#42e8fc rgb(66,232,252)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#5642fc
```
#5642fc rgb(86,66,252)
```

Analogous Color

#e8fc42
```
#e8fc42 rgb(232,252,66)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#fc5642
```
#fc5642 rgb(252,86,66)
```

Split Complementary Color

#8bfc42
```
#8bfc42 rgb(139,252,66)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#fc428b
```
#fc428b rgb(252,66,139)
```

Triadic Color

#42fcb3
```
#42fcb3 rgb(66,252,179)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#fc428b
```
#fc428b rgb(252,66,139)
```
#fcb342
```
#fcb342 rgb(252,179,66)
```

Tetradic Color

#0460ee
```
#0460ee rgb(4,96,238)
```
#106cfb
```
#106cfb rgb(16,108,251)
```
#297cfc
```
#297cfc rgb(41,124,252)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#5b9afc
```
#5b9afc rgb(91,154,252)
```
#74aafd
```
#74aafd rgb(116,170,253)
```
#8db9fd
```
#8db9fd rgb(141,185,253)
```

Monochromatic Color

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

#42bafc
```
#42bafc rgb(66,186,252)
```
#42aafc
```
#42aafc rgb(66,170,252)
```
#429bfc
```
#429bfc rgb(66,155,252)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#427cfc
```
#427cfc rgb(66,124,252)
```
#426cfc
```
#426cfc rgb(66,108,252)
```
#425dfc
```
#425dfc rgb(66,93,252)
```

Similar Colors

Text with hexadecimal color #428bfc

This text has a font color of #428bfc.

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

#428bfc background color

This paragraph has a background color of #428bfc.

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

#428bfc border color

This element has a border color of #428bfc.

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

CSS codes

.text {color:#428bfc;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000917
```
#000917 rgb(0,9,23)
```
#01112b
```
#01112b rgb(1,17,43)
```
#01193e
```
#01193e rgb(1,25,62)
```
#012151
```
#012151 rgb(1,33,81)
```
#022865
```
#022865 rgb(2,40,101)
```
#023078
```
#023078 rgb(2,48,120)
```
#02388b
```
#02388b rgb(2,56,139)
```
#03409f
```
#03409f rgb(3,64,159)
```
#0348b2
```
#0348b2 rgb(3,72,178)
```
#034fc5
```
#034fc5 rgb(3,79,197)
```
#0357d8
```
#0357d8 rgb(3,87,216)
```
#045fec
```
#045fec rgb(4,95,236)
```

Shade Color Variation

#0867fb
```
#0867fb rgb(8,103,251)
```
#1b73fb
```
#1b73fb rgb(27,115,251)
```
#2f7ffc
```
#2f7ffc rgb(47,127,252)
```
#428bfc
```
#428bfc rgb(66,139,252)
```
#5597fc
```
#5597fc rgb(85,151,252)
```
#69a3fd
```
#69a3fd rgb(105,163,253)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#8fbafd
```
#8fbafd rgb(143,186,253)
```
#a3c6fe
```
#a3c6fe rgb(163,198,254)
```
#b6d2fe
```
#b6d2fe rgb(182,210,254)
```
#c9defe
```
#c9defe rgb(201,222,254)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#9b9ea3
```
#9b9ea3 rgb(155,158,163)
```
#939cab
```
#939cab rgb(147,156,171)
```
#8c9bb2
```
#8c9bb2 rgb(140,155,178)
```
#8499ba
```
#8499ba rgb(132,153,186)
```
#7d98c1
```
#7d98c1 rgb(125,152,193)
```
#7696c8
```
#7696c8 rgb(118,150,200)
```
#6e95d0
```
#6e95d0 rgb(110,149,208)
```
#6793d7
```
#6793d7 rgb(103,147,215)
```
#6091de
```
#6091de rgb(96,145,222)
```
#5890e6
```
#5890e6 rgb(88,144,230)
```
#518eed
```
#518eed rgb(81,142,237)
```
#498df5
```
#498df5 rgb(73,141,245)
```
#428bfc
```
#428bfc rgb(66,139,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#75849a Atypical Achromatopsia 0.001% of the population

Dichromacy

#598ffa Protanopia 1% of men
#0095f9 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#508dfb Protanomaly 1% of men, 0.01% of women
#1891fa Deuteranomaly 6% of men, 0.4% of women
#1899c9 Tritanomaly 0.01% of the population

#428bfc hex color

#428bfc Color Information

#428bfc Color Conversion

Color Schemes with #428bfc

Alternatives to #428bfc

#428bfc Preview

Shades and Tints of #428bfc

Tones of #428bfc

Color Blindness Simulator