#428cfc hex color

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

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

● #428cfc color description : Bright blue.

The hexadecimal color #428cfc has RGB values of R:66, G:140, B:252 and CMYK values of C:0.74, M:0.44, Y:0, K:0.01. Its decimal value is 4361468.

Hex triplet	428cfc	`#428cfc`
RGB Decimal	66, 140, 252	`rgb(66,140,252)`
RGB Percent	25.9, 54.9, 98.8	`rgb(25.9%,54.9%,98.8%)`
CMYK	74, 44, 0, 1
HSL	216.1°, 96.9, 62.4	`hsl(216.1,96.9%,62.4%)`
HSV (or HSB)	216.1°, 73.8, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.919, 14.419, -62.442
XYZ	29.192, 26.94, 95.752
xyY	0.192, 0.177, 26.94
CIE-LCH	58.919, 64.085, 283.003
CIE-LUV	58.919, -27.413, -100.982
Hunter-Lab	51.904, 9.558, -73.044
Binary	01000010, 10001100, 11111100

#428cfc
```
#428cfc rgb(66,140,252)
```
#fcb242
```
#fcb242 rgb(252,178,66)
```

Complementary Color

#42e9fc
```
#42e9fc rgb(66,233,252)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#5542fc
```
#5542fc rgb(85,66,252)
```

Analogous Color

#e9fc42
```
#e9fc42 rgb(233,252,66)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#fc5542
```
#fc5542 rgb(252,85,66)
```

Split Complementary Color

#8cfc42
```
#8cfc42 rgb(140,252,66)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#fc428c
```
#fc428c rgb(252,66,140)
```

Triadic Color

#42fcb2
```
#42fcb2 rgb(66,252,178)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#fc428c
```
#fc428c rgb(252,66,140)
```
#fcb242
```
#fcb242 rgb(252,178,66)
```

Tetradic Color

#0461ee
```
#0461ee rgb(4,97,238)
```
#106dfb
```
#106dfb rgb(16,109,251)
```
#297dfc
```
#297dfc rgb(41,125,252)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#5b9bfc
```
#5b9bfc rgb(91,155,252)
```
#74abfd
```
#74abfd rgb(116,171,253)
```
#8dbafd
```
#8dbafd rgb(141,186,253)
```

Monochromatic Color

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

#42bbfc
```
#42bbfc rgb(66,187,252)
```
#42abfc
```
#42abfc rgb(66,171,252)
```
#429cfc
```
#429cfc rgb(66,156,252)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#427dfc
```
#427dfc rgb(66,125,252)
```
#426dfc
```
#426dfc rgb(66,109,252)
```
#425efc
```
#425efc rgb(66,94,252)
```

Similar Colors

Text with hexadecimal color #428cfc

This text has a font color of #428cfc.

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

#428cfc background color

This paragraph has a background color of #428cfc.

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

#428cfc border color

This element has a border color of #428cfc.

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

CSS codes

.text {color:#428cfc;}

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

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

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)
```
#000a17
```
#000a17 rgb(0,10,23)
```
#01112b
```
#01112b rgb(1,17,43)
```
#01193e
```
#01193e rgb(1,25,62)
```
#012151
```
#012151 rgb(1,33,81)
```
#022965
```
#022965 rgb(2,41,101)
```
#023178
```
#023178 rgb(2,49,120)
```
#02398b
```
#02398b rgb(2,57,139)
```
#03419f
```
#03419f rgb(3,65,159)
```
#0348b2
```
#0348b2 rgb(3,72,178)
```
#0350c5
```
#0350c5 rgb(3,80,197)
```
#0358d8
```
#0358d8 rgb(3,88,216)
```
#0460ec
```
#0460ec rgb(4,96,236)
```

Shade Color Variation

#0869fb
```
#0869fb rgb(8,105,251)
```
#1b75fb
```
#1b75fb rgb(27,117,251)
```
#2f80fc
```
#2f80fc rgb(47,128,252)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#5598fc
```
#5598fc rgb(85,152,252)
```
#69a3fd
```
#69a3fd rgb(105,163,253)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#8fbbfd
```
#8fbbfd rgb(143,187,253)
```
#a3c7fe
```
#a3c7fe rgb(163,199,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 #428cfc is the most saturated one.

#9b9ea3
```
#9b9ea3 rgb(155,158,163)
```
#939dab
```
#939dab rgb(147,157,171)
```
#8c9bb2
```
#8c9bb2 rgb(140,155,178)
```
#849aba
```
#849aba rgb(132,154,186)
```
#7d98c1
```
#7d98c1 rgb(125,152,193)
```
#7697c8
```
#7697c8 rgb(118,151,200)
```
#6e95d0
```
#6e95d0 rgb(110,149,208)
```
#6794d7
```
#6794d7 rgb(103,148,215)
```
#6092de
```
#6092de rgb(96,146,222)
```
#5891e6
```
#5891e6 rgb(88,145,230)
```
#518fed
```
#518fed rgb(81,143,237)
```
#498ef5
```
#498ef5 rgb(73,142,245)
```
#428cfc
```
#428cfc rgb(66,140,252)
```

Tone Color Variation

Below, you can see how #428cfc 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
#76859b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b90fa Protanopia 1% of men
#0c96fa Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#528efb Protanomaly 1% of men, 0.01% of women
#1f92fa Deuteranomaly 6% of men, 0.4% of women
#189ac9 Tritanomaly 0.01% of the population

#428cfc hex color

#428cfc Color Information

#428cfc Color Conversion

Color Schemes with #428cfc

Alternatives to #428cfc

#428cfc Preview

Shades and Tints of #428cfc

Tones of #428cfc

Color Blindness Simulator