#428ea7 hex color

In a RGB color space, hex #428ea7 is composed of 25.9% red, 55.7% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 15% magenta, 0% yellow and 34.5% black. It has a hue angle of 194.9 degrees, a saturation of 43.3% and a lightness of 45.7%. #428ea7 color hex could be obtained by blending #84ffff with #001d4f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 26
- G 56
- B 65
RGB color chart
- C 60
- M 15
- Y 0
- K 35
CMYK color chart

● #428ea7 color description : Dark moderate cyan.

The hexadecimal color #428ea7 has RGB values of R:66, G:142, B:167 and CMYK values of C:0.6, M:0.15, Y:0, K:0.35. Its decimal value is 4361895.

Hex triplet	428ea7	`#428ea7`
RGB Decimal	66, 142, 167	`rgb(66,142,167)`
RGB Percent	25.9, 55.7, 65.5	`rgb(25.9%,55.7%,65.5%)`
CMYK	60, 15, 0, 35
HSL	194.9°, 43.3, 45.7	`hsl(194.9,43.3%,45.7%)`
HSV (or HSB)	194.9°, 60.5, 65.5
Web Safe	339999	`#339999`

CIE-LAB	55.373, -15.837, -20.252
XYZ	18.893, 23.293, 40.057
xyY	0.23, 0.283, 23.293
CIE-LCH	55.373, 25.709, 231.973
CIE-LUV	55.373, -31.043, -28.187
Hunter-Lab	48.263, -14.584, -15.426
Binary	01000010, 10001110, 10100111

#428ea7
```
#428ea7 rgb(66,142,167)
```
#a75b42
```
#a75b42 rgb(167,91,66)
```

Complementary Color

#42a78e
```
#42a78e rgb(66,167,142)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#425ca7
```
#425ca7 rgb(66,92,167)
```

Analogous Color

#a78e42
```
#a78e42 rgb(167,142,66)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#a7425c
```
#a7425c rgb(167,66,92)
```

Split Complementary Color

#8ea742
```
#8ea742 rgb(142,167,66)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#a7428e
```
#a7428e rgb(167,66,142)
```

Triadic Color

#42a75b
```
#42a75b rgb(66,167,91)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#a7428e
```
#a7428e rgb(167,66,142)
```
#a75b42
```
#a75b42 rgb(167,91,66)
```

Tetradic Color

#2c5f70
```
#2c5f70 rgb(44,95,112)
```
#346f82
```
#346f82 rgb(52,111,130)
```
#3b7e95
```
#3b7e95 rgb(59,126,149)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#4b9db8
```
#4b9db8 rgb(75,157,184)
```
#5da7bf
```
#5da7bf rgb(93,167,191)
```
#6fb1c6
```
#6fb1c6 rgb(111,177,198)
```

Monochromatic Color

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

#42a7a7
```
#42a7a7 rgb(66,167,167)
```
#429fa7
```
#429fa7 rgb(66,159,167)
```
#4296a7
```
#4296a7 rgb(66,150,167)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#4286a7
```
#4286a7 rgb(66,134,167)
```
#427da7
```
#427da7 rgb(66,125,167)
```
#4275a7
```
#4275a7 rgb(66,117,167)
```

Similar Colors

Text with hexadecimal color #428ea7

This text has a font color of #428ea7.

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

#428ea7 background color

This paragraph has a background color of #428ea7.

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

#428ea7 border color

This element has a border color of #428ea7.

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

CSS codes

.text {color:#428ea7;}

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

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

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, #050b0c is the darkest color, while #fdfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0a161a
```
#0a161a rgb(10,22,26)
```
#102228
```
#102228 rgb(16,34,40)
```
#162e37
```
#162e37 rgb(22,46,55)
```
#1b3a45
```
#1b3a45 rgb(27,58,69)
```
#214653
```
#214653 rgb(33,70,83)
```
#265261
```
#265261 rgb(38,82,97)
```
#2c5e6f
```
#2c5e6f rgb(44,94,111)
```
#316a7d
```
#316a7d rgb(49,106,125)
```
#37768b
```
#37768b rgb(55,118,139)
```
#3c8299
```
#3c8299 rgb(60,130,153)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#489ab5
```
#489ab5 rgb(72,154,181)
```

Shade Color Variation

#55a2bc
```
#55a2bc rgb(85,162,188)
```
#63aac1
```
#63aac1 rgb(99,170,193)
```
#71b1c7
```
#71b1c7 rgb(113,177,199)
```
#7fb9cc
```
#7fb9cc rgb(127,185,204)
```
#8dc1d2
```
#8dc1d2 rgb(141,193,210)
```
#9bc8d7
```
#9bc8d7 rgb(155,200,215)
```
#a9d0dd
```
#a9d0dd rgb(169,208,221)
```
#b7d8e3
```
#b7d8e3 rgb(183,216,227)
```
#c5dfe8
```
#c5dfe8 rgb(197,223,232)
```
#d3e7ee
```
#d3e7ee rgb(211,231,238)
```
#e1eff3
```
#e1eff3 rgb(225,239,243)
```
#eff6f9
```
#eff6f9 rgb(239,246,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f777a is the less saturated color, while #03aee6 is the most saturated one.

#6f777a
```
#6f777a rgb(111,119,122)
```
#667c83
```
#667c83 rgb(102,124,131)
```
#5d808c
```
#5d808c rgb(93,128,140)
```
#548595
```
#548595 rgb(84,133,149)
```
#4b899e
```
#4b899e rgb(75,137,158)
```
#428ea7
```
#428ea7 rgb(66,142,167)
```
#3993b0
```
#3993b0 rgb(57,147,176)
```
#3097b9
```
#3097b9 rgb(48,151,185)
```
#279cc2
```
#279cc2 rgb(39,156,194)
```
#1ea0cb
```
#1ea0cb rgb(30,160,203)
```
#15a5d4
```
#15a5d4 rgb(21,165,212)
```
#0ca9dd
```
#0ca9dd rgb(12,169,221)
```
#03aee6
```
#03aee6 rgb(3,174,230)
```

Tone Color Variation

Below, you can see how #428ea7 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
#6f7e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8489a5 Protanopia 1% of men
#8288af Deuteranopia 1% of men
#4595a0 Tritanopia 0.001% of the population

Trichromacy

#6c8ba5 Protanomaly 1% of men, 0.01% of women
#6b8aac Deuteranomaly 6% of men, 0.4% of women
#4492a3 Tritanomaly 0.01% of the population

#428ea7 hex color

#428ea7 Color Information

#428ea7 Color Conversion

Color Schemes with #428ea7

Alternatives to #428ea7

#428ea7 Preview

Shades and Tints of #428ea7

Tones of #428ea7

Color Blindness Simulator