#428eb8 hex color

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

♥
- f
- t
- g
- R 26
- G 56
- B 72
RGB color chart
- C 64
- M 23
- Y 0
- K 28
CMYK color chart

● #428eb8 color description : Moderate blue.

The hexadecimal color #428eb8 has RGB values of R:66, G:142, B:184 and CMYK values of C:0.64, M:0.23, Y:0, K:0.28. Its decimal value is 4361912.

Hex triplet	428eb8	`#428eb8`
RGB Decimal	66, 142, 184	`rgb(66,142,184)`
RGB Percent	25.9, 55.7, 72.2	`rgb(25.9%,55.7%,72.2%)`
CMYK	64, 23, 0, 28
HSL	201.4°, 47.2, 49	`hsl(201.4,47.2%,49%)`
HSV (or HSB)	201.4°, 64.1, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.051, -10.375, -28.92
XYZ	20.569, 23.963, 48.886
xyY	0.22, 0.257, 23.963
CIE-LCH	56.051, 30.724, 250.265
CIE-LUV	56.051, -30.328, -42.878
Hunter-Lab	48.952, -10.663, -24.943
Binary	01000010, 10001110, 10111000

#428eb8
```
#428eb8 rgb(66,142,184)
```
#b86c42
```
#b86c42 rgb(184,108,66)
```

Complementary Color

#42b8a7
```
#42b8a7 rgb(66,184,167)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#4253b8
```
#4253b8 rgb(66,83,184)
```

Analogous Color

#b8a742
```
#b8a742 rgb(184,167,66)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#b84253
```
#b84253 rgb(184,66,83)
```

Split Complementary Color

#8eb842
```
#8eb842 rgb(142,184,66)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#b8428e
```
#b8428e rgb(184,66,142)
```

Triadic Color

#42b86c
```
#42b86c rgb(66,184,108)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#b8428e
```
#b8428e rgb(184,66,142)
```
#b86c42
```
#b86c42 rgb(184,108,66)
```

Tetradic Color

#2e6380
```
#2e6380 rgb(46,99,128)
```
#357192
```
#357192 rgb(53,113,146)
```
#3b80a5
```
#3b80a5 rgb(59,128,165)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#529ac1
```
#529ac1 rgb(82,154,193)
```
#65a5c8
```
#65a5c8 rgb(101,165,200)
```
#78b0cf
```
#78b0cf rgb(120,176,207)
```

Monochromatic Color

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

#42acb8
```
#42acb8 rgb(66,172,184)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#4298b8
```
#4298b8 rgb(66,152,184)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#4284b8
```
#4284b8 rgb(66,132,184)
```
#427ab8
```
#427ab8 rgb(66,122,184)
```
#4271b8
```
#4271b8 rgb(66,113,184)
```

Similar Colors

Text with hexadecimal color #428eb8

This text has a font color of #428eb8.

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

#428eb8 background color

This paragraph has a background color of #428eb8.

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

#428eb8 border color

This element has a border color of #428eb8.

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

CSS codes

.text {color:#428eb8;}

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

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

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)
```
#0e1f28
```
#0e1f28 rgb(14,31,40)
```
#132a36
```
#132a36 rgb(19,42,54)
```
#193545
```
#193545 rgb(25,53,69)
```
#1e4053
```
#1e4053 rgb(30,64,83)
```
#234b61
```
#234b61 rgb(35,75,97)
```
#285670
```
#285670 rgb(40,86,112)
```
#2d617e
```
#2d617e rgb(45,97,126)
```
#326d8d
```
#326d8d rgb(50,109,141)
```
#38789b
```
#38789b rgb(56,120,155)
```
#3d83aa
```
#3d83aa rgb(61,131,170)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```

Shade Color Variation

#4e97c0
```
#4e97c0 rgb(78,151,192)
```
#5da0c5
```
#5da0c5 rgb(93,160,197)
```
#6ba8ca
```
#6ba8ca rgb(107,168,202)
```
#79b1cf
```
#79b1cf rgb(121,177,207)
```
#88b9d4
```
#88b9d4 rgb(136,185,212)
```
#96c2d9
```
#96c2d9 rgb(150,194,217)
```
#a5cadf
```
#a5cadf rgb(165,202,223)
```
#b3d2e4
```
#b3d2e4 rgb(179,210,228)
```
#c2dbe9
```
#c2dbe9 rgb(194,219,233)
```
#d0e3ee
```
#d0e3ee rgb(208,227,238)
```
#deecf3
```
#deecf3 rgb(222,236,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 #089ff2 is the most saturated one.

#7c7d7e
```
#7c7d7e rgb(124,125,126)
```
#728088
```
#728088 rgb(114,128,136)
```
#688392
```
#688392 rgb(104,131,146)
```
#5f869b
```
#5f869b rgb(95,134,155)
```
#5588a5
```
#5588a5 rgb(85,136,165)
```
#4c8bae
```
#4c8bae rgb(76,139,174)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#3891c2
```
#3891c2 rgb(56,145,194)
```
#2f94cb
```
#2f94cb rgb(47,148,203)
```
#2596d5
```
#2596d5 rgb(37,150,213)
```
#1c99de
```
#1c99de rgb(28,153,222)
```
#129ce8
```
#129ce8 rgb(18,156,232)
```
#089ff2
```
#089ff2 rgb(8,159,242)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#708088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808bb5 Protanopia 1% of men
#798bbf Deuteranopia 1% of men
#3b98a3 Tritanopia 0.001% of the population

Trichromacy

#698cb6 Protanomaly 1% of men, 0.01% of women
#658cbc Deuteranomaly 6% of men, 0.4% of women
#3e94ab Tritanomaly 0.01% of the population

#428eb8 hex color

#428eb8 Color Information

#428eb8 Color Conversion

Color Schemes with #428eb8

Alternatives to #428eb8

#428eb8 Preview

Shades and Tints of #428eb8

Tones of #428eb8

Color Blindness Simulator