colorhexa.com

#428ab8 hex color

In a RGB color space, hex #428ab8 is composed of 25.9% red, 54.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 25% magenta, 0% yellow and 27.8% black. It has a hue angle of 203.4 degrees, a saturation of 47.2% and a lightness of 49%. #428ab8 color hex could be obtained by blending #84ffff with #001571. Closest websafe color is: #3399cc.

- R 26
- G 54
- B 72
RGB color chart
- C 64
- M 25
- Y 0
- K 28
CMYK color chart

● #428ab8 color description : Moderate blue.

The hexadecimal color #428ab8 has RGB values of R:66, G:138, B:184 and CMYK values of C:0.64, M:0.25, Y:0, K:0.28. Its decimal value is 4360888.

Hex triplet	428ab8	`#428ab8`
RGB Decimal	66, 138, 184	`rgb(66,138,184)`
RGB Percent	25.9, 54.1, 72.2	`rgb(25.9%,54.1%,72.2%)`
CMYK	64, 25, 0, 28
HSL	203.4°, 47.2, 49	`hsl(203.4,47.2%,49%)`
HSV (or HSB)	203.4°, 64.1, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.86, -8.111, -30.77
XYZ	19.985, 22.794, 48.691
xyY	0.218, 0.249, 22.794
CIE-LCH	54.86, 31.821, 255.233
CIE-LUV	54.86, -28.863, -45.985
Hunter-Lab	47.744, -8.833, -27.047
Binary	01000010, 10001010, 10111000

#428ab8
```
#428ab8 rgb(66,138,184)
```
#b87042
```
#b87042 rgb(184,112,66)
```

Complementary Color

#42b8ab
```
#42b8ab rgb(66,184,171)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#424fb8
```
#424fb8 rgb(66,79,184)
```

Analogous Color

#b8ab42
```
#b8ab42 rgb(184,171,66)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#b8424f
```
#b8424f rgb(184,66,79)
```

Split Complementary Color

#8ab842
```
#8ab842 rgb(138,184,66)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#b8428a
```
#b8428a rgb(184,66,138)
```

Triadic Color

#42b870
```
#42b870 rgb(66,184,112)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#b8428a
```
#b8428a rgb(184,66,138)
```
#b87042
```
#b87042 rgb(184,112,66)
```

Tetradic Color

#2e6080
```
#2e6080 rgb(46,96,128)
```
#356e92
```
#356e92 rgb(53,110,146)
```
#3b7ca5
```
#3b7ca5 rgb(59,124,165)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#5296c1
```
#5296c1 rgb(82,150,193)
```
#65a1c8
```
#65a1c8 rgb(101,161,200)
```
#78adcf
```
#78adcf rgb(120,173,207)
```

Monochromatic Color

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

#42a8b8
```
#42a8b8 rgb(66,168,184)
```
#429eb8
```
#429eb8 rgb(66,158,184)
```
#4294b8
```
#4294b8 rgb(66,148,184)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#4280b8
```
#4280b8 rgb(66,128,184)
```
#4276b8
```
#4276b8 rgb(66,118,184)
```
#426db8
```
#426db8 rgb(66,109,184)
```

Similar Colors

Text with hexadecimal color #428ab8

This text has a font color of #428ab8.

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

#428ab8 background color

This paragraph has a background color of #428ab8.

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

#428ab8 border color

This element has a border color of #428ab8.

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

CSS codes

.text {color:#428ab8;}

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

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

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, #04080b is the darkest color, while #fbfdfe is the lightest one.

#04080b
```
#04080b rgb(4,8,11)
```
#091319
```
#091319 rgb(9,19,25)
```
#0e1e28
```
#0e1e28 rgb(14,30,40)
```
#132936
```
#132936 rgb(19,41,54)
```
#193345
```
#193345 rgb(25,51,69)
```
#1e3e53
```
#1e3e53 rgb(30,62,83)
```
#234961
```
#234961 rgb(35,73,97)
```
#285470
```
#285470 rgb(40,84,112)
```
#2d5f7e
```
#2d5f7e rgb(45,95,126)
```
#326a8d
```
#326a8d rgb(50,106,141)
```
#38749b
```
#38749b rgb(56,116,155)
```
#3d7faa
```
#3d7faa rgb(61,127,170)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```

Shade Color Variation

#4e93c0
```
#4e93c0 rgb(78,147,192)
```
#5d9cc5
```
#5d9cc5 rgb(93,156,197)
```
#6ba5ca
```
#6ba5ca rgb(107,165,202)
```
#79aecf
```
#79aecf rgb(121,174,207)
```
#88b6d4
```
#88b6d4 rgb(136,182,212)
```
#96bfd9
```
#96bfd9 rgb(150,191,217)
```
#a5c8df
```
#a5c8df rgb(165,200,223)
```
#b3d1e4
```
#b3d1e4 rgb(179,209,228)
```
#c2dae9
```
#c2dae9 rgb(194,218,233)
```
#d0e2ee
```
#d0e2ee rgb(208,226,238)
```
#deebf3
```
#deebf3 rgb(222,235,243)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d7e is the less saturated color, while #0897f2 is the most saturated one.

#7c7d7e
```
#7c7d7e rgb(124,125,126)
```
#727f88
```
#727f88 rgb(114,127,136)
```
#688292
```
#688292 rgb(104,130,146)
```
#5f849b
```
#5f849b rgb(95,132,155)
```
#5586a5
```
#5586a5 rgb(85,134,165)
```
#4c88ae
```
#4c88ae rgb(76,136,174)
```
#428ab8
```
#428ab8 rgb(66,138,184)
```
#388cc2
```
#388cc2 rgb(56,140,194)
```
#2f8ecb
```
#2f8ecb rgb(47,142,203)
```
#2590d5
```
#2590d5 rgb(37,144,213)
```
#1c92de
```
#1c92de rgb(28,146,222)
```
#1295e8
```
#1295e8 rgb(18,149,232)
```
#0897f2
```
#0897f2 rgb(8,151,242)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6f7d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b88b6 Protanopia 1% of men
#7488be Deuteranopia 1% of men
#3995a0 Tritanopia 0.001% of the population

Trichromacy

#6688b6 Protanomaly 1% of men, 0.01% of women
#6189bc Deuteranomaly 6% of men, 0.4% of women
#3c91a8 Tritanomaly 0.01% of the population