#428fb8 hex color

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

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

● #428fb8 color description : Moderate blue.

The hexadecimal color #428fb8 has RGB values of R:66, G:143, B:184 and CMYK values of C:0.64, M:0.22, Y:0, K:0.28. Its decimal value is 4362168.

Hex triplet	428fb8	`#428fb8`
RGB Decimal	66, 143, 184	`rgb(66,143,184)`
RGB Percent	25.9, 56.1, 72.2	`rgb(25.9%,56.1%,72.2%)`
CMYK	64, 22, 0, 28
HSL	200.8°, 47.2, 49	`hsl(200.8,47.2%,49%)`
HSV (or HSB)	200.8°, 64.1, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.349, -10.935, -28.457
XYZ	20.719, 24.262, 48.936
xyY	0.221, 0.258, 24.262
CIE-LCH	56.349, 30.486, 248.98
CIE-LUV	56.349, -30.695, -42.098
Hunter-Lab	49.257, -11.117, -24.424
Binary	01000010, 10001111, 10111000

#428fb8
```
#428fb8 rgb(66,143,184)
```
#b86b42
```
#b86b42 rgb(184,107,66)
```

Complementary Color

#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#4254b8
```
#4254b8 rgb(66,84,184)
```

Analogous Color

#b8a642
```
#b8a642 rgb(184,166,66)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#b84254
```
#b84254 rgb(184,66,84)
```

Split Complementary Color

#8fb842
```
#8fb842 rgb(143,184,66)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#b8428f
```
#b8428f rgb(184,66,143)
```

Triadic Color

#42b86b
```
#42b86b rgb(66,184,107)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#b8428f
```
#b8428f rgb(184,66,143)
```
#b86b42
```
#b86b42 rgb(184,107,66)
```

Tetradic Color

#2e6380
```
#2e6380 rgb(46,99,128)
```
#357292
```
#357292 rgb(53,114,146)
```
#3b80a5
```
#3b80a5 rgb(59,128,165)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#529bc1
```
#529bc1 rgb(82,155,193)
```
#65a6c8
```
#65a6c8 rgb(101,166,200)
```
#78b0cf
```
#78b0cf rgb(120,176,207)
```

Monochromatic Color

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

#42adb8
```
#42adb8 rgb(66,173,184)
```
#42a3b8
```
#42a3b8 rgb(66,163,184)
```
#4299b8
```
#4299b8 rgb(66,153,184)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#4285b8
```
#4285b8 rgb(66,133,184)
```
#427bb8
```
#427bb8 rgb(66,123,184)
```
#4272b8
```
#4272b8 rgb(66,114,184)
```

Similar Colors

Text with hexadecimal color #428fb8

This text has a font color of #428fb8.

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

#428fb8 background color

This paragraph has a background color of #428fb8.

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

#428fb8 border color

This element has a border color of #428fb8.

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

CSS codes

.text {color:#428fb8;}

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

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

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)
```
#091419
```
#091419 rgb(9,20,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)
```
#234c61
```
#234c61 rgb(35,76,97)
```
#285770
```
#285770 rgb(40,87,112)
```
#2d627e
```
#2d627e rgb(45,98,126)
```
#326d8d
```
#326d8d rgb(50,109,141)
```
#38799b
```
#38799b rgb(56,121,155)
```
#3d84aa
```
#3d84aa rgb(61,132,170)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```

Shade Color Variation

#4e98c0
```
#4e98c0 rgb(78,152,192)
```
#5da1c5
```
#5da1c5 rgb(93,161,197)
```
#6ba9ca
```
#6ba9ca rgb(107,169,202)
```
#79b1cf
```
#79b1cf rgb(121,177,207)
```
#88bad4
```
#88bad4 rgb(136,186,212)
```
#96c2d9
```
#96c2d9 rgb(150,194,217)
```
#a5cadf
```
#a5cadf rgb(165,202,223)
```
#b3d3e4
```
#b3d3e4 rgb(179,211,228)
```
#c2dbe9
```
#c2dbe9 rgb(194,219,233)
```
#d0e4ee
```
#d0e4ee rgb(208,228,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 #08a1f2 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)
```
#5589a5
```
#5589a5 rgb(85,137,165)
```
#4c8cae
```
#4c8cae rgb(76,140,174)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```
#3892c2
```
#3892c2 rgb(56,146,194)
```
#2f95cb
```
#2f95cb rgb(47,149,203)
```
#2598d5
```
#2598d5 rgb(37,152,213)
```
#1c9bde
```
#1c9bde rgb(28,155,222)
```
#129ee8
```
#129ee8 rgb(18,158,232)
```
#08a1f2
```
#08a1f2 rgb(8,161,242)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#718189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818bb5 Protanopia 1% of men
#7b8bbf Deuteranopia 1% of men
#3c99a4 Tritanopia 0.001% of the population

Trichromacy

#6a8cb6 Protanomaly 1% of men, 0.01% of women
#668dbc Deuteranomaly 6% of men, 0.4% of women
#3e95ab Tritanomaly 0.01% of the population

#428fb8 hex color

#428fb8 Color Information

#428fb8 Color Conversion

Color Schemes with #428fb8

Alternatives to #428fb8

#428fb8 Preview

Shades and Tints of #428fb8

Tones of #428fb8

Color Blindness Simulator