#428ad7 hex color

In a RGB color space, hex #428ad7 is composed of 25.9% red, 54.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 35.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 211 degrees, a saturation of 65.1% and a lightness of 55.1%. #428ad7 color hex could be obtained by blending #84ffff with #0015af. Closest websafe color is: #3399cc.

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

● #428ad7 color description : Moderate blue.

The hexadecimal color #428ad7 has RGB values of R:66, G:138, B:215 and CMYK values of C:0.69, M:0.36, Y:0, K:0.16. Its decimal value is 4360919.

Hex triplet	428ad7	`#428ad7`
RGB Decimal	66, 138, 215	`rgb(66,138,215)`
RGB Percent	25.9, 54.1, 84.3	`rgb(25.9%,54.1%,84.3%)`
CMYK	69, 36, 0, 16
HSL	211°, 65.1, 55.1	`hsl(211,65.1%,55.1%)`
HSV (or HSB)	211°, 69.3, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.327, 2.501, -46.018
XYZ	23.598, 24.24, 67.721
xyY	0.204, 0.21, 24.24
CIE-LCH	56.327, 46.086, 273.111
CIE-LUV	56.327, -27.789, -72.348
Hunter-Lab	49.234, -0.603, -47.09
Binary	01000010, 10001010, 11010111

#428ad7
```
#428ad7 rgb(66,138,215)
```
#d78f42
```
#d78f42 rgb(215,143,66)
```

Complementary Color

#42d5d7
```
#42d5d7 rgb(66,213,215)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#4542d7
```
#4542d7 rgb(69,66,215)
```

Analogous Color

#d5d742
```
#d5d742 rgb(213,215,66)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#d74542
```
#d74542 rgb(215,69,66)
```

Split Complementary Color

#8ad742
```
#8ad742 rgb(138,215,66)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#d7428a
```
#d7428a rgb(215,66,138)
```

Triadic Color

#42d78f
```
#42d78f rgb(66,215,143)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#d7428a
```
#d7428a rgb(215,66,138)
```
#d78f42
```
#d78f42 rgb(215,143,66)
```

Tetradic Color

#2464a9
```
#2464a9 rgb(36,100,169)
```
#2870be
```
#2870be rgb(40,112,190)
```
#2d7dd3
```
#2d7dd3 rgb(45,125,211)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#5797db
```
#5797db rgb(87,151,219)
```
#6ca4e0
```
#6ca4e0 rgb(108,164,224)
```
#81b1e4
```
#81b1e4 rgb(129,177,228)
```

Monochromatic Color

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

#42afd7
```
#42afd7 rgb(66,175,215)
```
#42a3d7
```
#42a3d7 rgb(66,163,215)
```
#4296d7
```
#4296d7 rgb(66,150,215)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#427ed7
```
#427ed7 rgb(66,126,215)
```
#4271d7
```
#4271d7 rgb(66,113,215)
```
#4265d7
```
#4265d7 rgb(66,101,215)
```

Similar Colors

Text with hexadecimal color #428ad7

This text has a font color of #428ad7.

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

#428ad7 background color

This paragraph has a background color of #428ad7.

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

#428ad7 border color

This element has a border color of #428ad7.

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

CSS codes

.text {color:#428ad7;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050d15
```
#050d15 rgb(5,13,21)
```
#081626
```
#081626 rgb(8,22,38)
```
#0b2036
```
#0b2036 rgb(11,32,54)
```
#0f2946
```
#0f2946 rgb(15,41,70)
```
#123356
```
#123356 rgb(18,51,86)
```
#163d66
```
#163d66 rgb(22,61,102)
```
#194677
```
#194677 rgb(25,70,119)
```
#1d5087
```
#1d5087 rgb(29,80,135)
```
#205997
```
#205997 rgb(32,89,151)
```
#2363a7
```
#2363a7 rgb(35,99,167)
```
#276db7
```
#276db7 rgb(39,109,183)
```
#2a76c8
```
#2a76c8 rgb(42,118,200)
```

Shade Color Variation

#3280d4
```
#3280d4 rgb(50,128,212)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#5294da
```
#5294da rgb(82,148,218)
```
#629ede
```
#629ede rgb(98,158,222)
```
#73a8e1
```
#73a8e1 rgb(115,168,225)
```
#83b2e5
```
#83b2e5 rgb(131,178,229)
```
#93bce8
```
#93bce8 rgb(147,188,232)
```
#a3c6ec
```
#a3c6ec rgb(163,198,236)
```
#b3d0ef
```
#b3d0ef rgb(179,208,239)
```
#c4daf2
```
#c4daf2 rgb(196,218,242)
```
#d4e4f6
```
#d4e4f6 rgb(212,228,246)
```
#e4eef9
```
#e4eef9 rgb(228,238,249)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#888c91
```
#888c91 rgb(136,140,145)
```
#808c99
```
#808c99 rgb(128,140,153)
```
#778ca2
```
#778ca2 rgb(119,140,162)
```
#6e8bab
```
#6e8bab rgb(110,139,171)
```
#658bb4
```
#658bb4 rgb(101,139,180)
```
#5c8bbd
```
#5c8bbd rgb(92,139,189)
```
#548bc5
```
#548bc5 rgb(84,139,197)
```
#4b8ace
```
#4b8ace rgb(75,138,206)
```
#428ad7
```
#428ad7 rgb(66,138,215)
```
#398ae0
```
#398ae0 rgb(57,138,224)
```
#3089e9
```
#3089e9 rgb(48,137,233)
```
#2889f1
```
#2889f1 rgb(40,137,241)
```
#1f89fa
```
#1f89fa rgb(31,137,250)
```

Tone Color Variation

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

#6f8ad5 Protanopia 1% of men
#5b8dda Deuteranopia 1% of men
#009aa6 Tritanopia 0.001% of the population

Trichromacy

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

#428ad7 hex color

#428ad7 Color Information

#428ad7 Color Conversion

Color Schemes with #428ad7

Alternatives to #428ad7

#428ad7 Preview

Shades and Tints of #428ad7

Tones of #428ad7

Color Blindness Simulator