#428ad8 hex color

In a RGB color space, hex #428ad8 is composed of 25.9% red, 54.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 36.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 211.2 degrees, a saturation of 65.8% and a lightness of 55.3%. #428ad8 color hex could be obtained by blending #84ffff with #0015b1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 54
- B 85
RGB color chart
- C 69
- M 36
- Y 0
- K 15
CMYK color chart

● #428ad8 color description : Moderate blue.

The hexadecimal color #428ad8 has RGB values of R:66, G:138, B:216 and CMYK values of C:0.69, M:0.36, Y:0, K:0.15. Its decimal value is 4360920.

Hex triplet	428ad8	`#428ad8`
RGB Decimal	66, 138, 216	`rgb(66,138,216)`
RGB Percent	25.9, 54.1, 84.7	`rgb(25.9%,54.1%,84.7%)`
CMYK	69, 36, 0, 15
HSL	211.2°, 65.8, 55.3	`hsl(211.2,65.8%,55.3%)`
HSV (or HSB)	211.2°, 69.4, 84.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.378, 2.851, -46.499
XYZ	23.727, 24.291, 68.4
xyY	0.204, 0.209, 24.291
CIE-LCH	56.378, 46.586, 273.509
CIE-LUV	56.378, -27.758, -73.182
Hunter-Lab	49.286, -0.319, -47.783
Binary	01000010, 10001010, 11011000

#428ad8
```
#428ad8 rgb(66,138,216)
```
#d89042
```
#d89042 rgb(216,144,66)
```

Complementary Color

#42d5d8
```
#42d5d8 rgb(66,213,216)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#4542d8
```
#4542d8 rgb(69,66,216)
```

Analogous Color

#d5d842
```
#d5d842 rgb(213,216,66)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#d84542
```
#d84542 rgb(216,69,66)
```

Split Complementary Color

#8ad842
```
#8ad842 rgb(138,216,66)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#d8428a
```
#d8428a rgb(216,66,138)
```

Triadic Color

#42d890
```
#42d890 rgb(66,216,144)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#d8428a
```
#d8428a rgb(216,66,138)
```
#d89042
```
#d89042 rgb(216,144,66)
```

Tetradic Color

#2364aa
```
#2364aa rgb(35,100,170)
```
#2870bf
```
#2870bf rgb(40,112,191)
```
#2d7dd4
```
#2d7dd4 rgb(45,125,212)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#5797dc
```
#5797dc rgb(87,151,220)
```
#6ca4e1
```
#6ca4e1 rgb(108,164,225)
```
#81b1e5
```
#81b1e5 rgb(129,177,229)
```

Monochromatic Color

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

#42b0d8
```
#42b0d8 rgb(66,176,216)
```
#42a3d8
```
#42a3d8 rgb(66,163,216)
```
#4297d8
```
#4297d8 rgb(66,151,216)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#427ed8
```
#427ed8 rgb(66,126,216)
```
#4271d8
```
#4271d8 rgb(66,113,216)
```
#4265d8
```
#4265d8 rgb(66,101,216)
```

Similar Colors

Text with hexadecimal color #428ad8

This text has a font color of #428ad8.

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

#428ad8 background color

This paragraph has a background color of #428ad8.

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

#428ad8 border color

This element has a border color of #428ad8.

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

CSS codes

.text {color:#428ad8;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050d16
```
#050d16 rgb(5,13,22)
```
#081727
```
#081727 rgb(8,23,39)
```
#0b2037
```
#0b2037 rgb(11,32,55)
```
#0f2a47
```
#0f2a47 rgb(15,42,71)
```
#123357
```
#123357 rgb(18,51,87)
```
#153d68
```
#153d68 rgb(21,61,104)
```
#194678
```
#194678 rgb(25,70,120)
```
#1c5088
```
#1c5088 rgb(28,80,136)
```
#1f5a98
```
#1f5a98 rgb(31,90,152)
```
#2363a9
```
#2363a9 rgb(35,99,169)
```
#266db9
```
#266db9 rgb(38,109,185)
```
#2a76c9
```
#2a76c9 rgb(42,118,201)
```

Shade Color Variation

#3280d5
```
#3280d5 rgb(50,128,213)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#5294db
```
#5294db rgb(82,148,219)
```
#639edf
```
#639edf rgb(99,158,223)
```
#73a8e2
```
#73a8e2 rgb(115,168,226)
```
#83b2e5
```
#83b2e5 rgb(131,178,229)
```
#93bce9
```
#93bce9 rgb(147,188,233)
```
#a4c6ec
```
#a4c6ec rgb(164,198,236)
```
#b4d0ef
```
#b4d0ef rgb(180,208,239)
```
#c4dbf3
```
#c4dbf3 rgb(196,219,243)
```
#d4e5f6
```
#d4e5f6 rgb(212,229,246)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888d92 is the less saturated color, while #1f89fb is the most saturated one.

#888d92
```
#888d92 rgb(136,141,146)
```
#7f8c9b
```
#7f8c9b rgb(127,140,155)
```
#778ca3
```
#778ca3 rgb(119,140,163)
```
#6e8cac
```
#6e8cac rgb(110,140,172)
```
#658bb5
```
#658bb5 rgb(101,139,181)
```
#5c8bbe
```
#5c8bbe rgb(92,139,190)
```
#548bc6
```
#548bc6 rgb(84,139,198)
```
#4b8acf
```
#4b8acf rgb(75,138,207)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```
#398ae1
```
#398ae1 rgb(57,138,225)
```
#3089ea
```
#3089ea rgb(48,137,234)
```
#2889f2
```
#2889f2 rgb(40,137,242)
```
#1f89fb
```
#1f89fb rgb(31,137,251)
```

Tone Color Variation

Below, you can see how #428ad8 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
#71808f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e8ad6 Protanopia 1% of men
#5a8dda Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#5e8ad6 Protanomaly 1% of men, 0.01% of women
#518cd9 Deuteranomaly 6% of men, 0.4% of women
#1894b8 Tritanomaly 0.01% of the population

#428ad8 hex color

#428ad8 Color Information

#428ad8 Color Conversion

Color Schemes with #428ad8

Alternatives to #428ad8

#428ad8 Preview

Shades and Tints of #428ad8

Tones of #428ad8

Color Blindness Simulator