#428ebd hex color

In a RGB color space, hex #428ebd is composed of 25.9% red, 55.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 24.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 202.9 degrees, a saturation of 48.2% and a lightness of 50%. #428ebd color hex could be obtained by blending #84ffff with #001d7b. Closest websafe color is: #3399cc.

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

● #428ebd color description : Moderate blue.

The hexadecimal color #428ebd has RGB values of R:66, G:142, B:189 and CMYK values of C:0.65, M:0.25, Y:0, K:0.26. Its decimal value is 4361917.

Hex triplet	428ebd	`#428ebd`
RGB Decimal	66, 142, 189	`rgb(66,142,189)`
RGB Percent	25.9, 55.7, 74.1	`rgb(25.9%,55.7%,74.1%)`
CMYK	65, 25, 0, 26
HSL	202.9°, 48.2, 50	`hsl(202.9,48.2%,50%)`
HSV (or HSB)	202.9°, 65.1, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.264, -8.721, -31.432
XYZ	21.103, 24.177, 51.696
xyY	0.218, 0.249, 24.177
CIE-LCH	56.264, 32.619, 254.493
CIE-LUV	56.264, -30.126, -47.195
Hunter-Lab	49.17, -9.439, -27.917
Binary	01000010, 10001110, 10111101

#428ebd
```
#428ebd rgb(66,142,189)
```
#bd7142
```
#bd7142 rgb(189,113,66)
```

Complementary Color

#42bdaf
```
#42bdaf rgb(66,189,175)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#4251bd
```
#4251bd rgb(66,81,189)
```

Analogous Color

#bdaf42
```
#bdaf42 rgb(189,175,66)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#bd4251
```
#bd4251 rgb(189,66,81)
```

Split Complementary Color

#8ebd42
```
#8ebd42 rgb(142,189,66)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#bd428e
```
#bd428e rgb(189,66,142)
```

Triadic Color

#42bd71
```
#42bd71 rgb(66,189,113)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#bd428e
```
#bd428e rgb(189,66,142)
```
#bd7142
```
#bd7142 rgb(189,113,66)
```

Tetradic Color

#2e6384
```
#2e6384 rgb(46,99,132)
```
#357297
```
#357297 rgb(53,114,151)
```
#3b80aa
```
#3b80aa rgb(59,128,170)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#5599c4
```
#5599c4 rgb(85,153,196)
```
#68a5ca
```
#68a5ca rgb(104,165,202)
```
#7bb0d1
```
#7bb0d1 rgb(123,176,209)
```

Monochromatic Color

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

#42adbd
```
#42adbd rgb(66,173,189)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#4298bd
```
#4298bd rgb(66,152,189)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#4284bd
```
#4284bd rgb(66,132,189)
```
#427abd
```
#427abd rgb(66,122,189)
```
#426fbd
```
#426fbd rgb(66,111,189)
```

Similar Colors

Text with hexadecimal color #428ebd

This text has a font color of #428ebd.

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

#428ebd background color

This paragraph has a background color of #428ebd.

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

#428ebd border color

This element has a border color of #428ebd.

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

CSS codes

.text {color:#428ebd;}

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

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

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

#050b0f
```
#050b0f rgb(5,11,15)
```
#0a161d
```
#0a161d rgb(10,22,29)
```
#0f212c
```
#0f212c rgb(15,33,44)
```
#142c3a
```
#142c3a rgb(20,44,58)
```
#193749
```
#193749 rgb(25,55,73)
```
#1e4257
```
#1e4257 rgb(30,66,87)
```
#244c66
```
#244c66 rgb(36,76,102)
```
#295774
```
#295774 rgb(41,87,116)
```
#2e6283
```
#2e6283 rgb(46,98,131)
```
#336d91
```
#336d91 rgb(51,109,145)
```
#3878a0
```
#3878a0 rgb(56,120,160)
```
#3d83ae
```
#3d83ae rgb(61,131,174)
```
#428ebd
```
#428ebd rgb(66,142,189)
```

Shade Color Variation

#5197c2
```
#5197c2 rgb(81,151,194)
```
#5f9fc7
```
#5f9fc7 rgb(95,159,199)
```
#6ea8cc
```
#6ea8cc rgb(110,168,204)
```
#7cb1d1
```
#7cb1d1 rgb(124,177,209)
```
#8bb9d6
```
#8bb9d6 rgb(139,185,214)
```
#99c2db
```
#99c2db rgb(153,194,219)
```
#a8cbe1
```
#a8cbe1 rgb(168,203,225)
```
#b6d4e6
```
#b6d4e6 rgb(182,212,230)
```
#c5dceb
```
#c5dceb rgb(197,220,235)
```
#d3e5f0
```
#d3e5f0 rgb(211,229,240)
```
#e2eef5
```
#e2eef5 rgb(226,238,245)
```
#f0f6fa
```
#f0f6fa rgb(240,246,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8082 is the less saturated color, while #079cf8 is the most saturated one.

#7d8082
```
#7d8082 rgb(125,128,130)
```
#73828c
```
#73828c rgb(115,130,140)
```
#698596
```
#698596 rgb(105,133,150)
```
#5f87a0
```
#5f87a0 rgb(95,135,160)
```
#5689a9
```
#5689a9 rgb(86,137,169)
```
#4c8cb3
```
#4c8cb3 rgb(76,140,179)
```
#428ebd
```
#428ebd rgb(66,142,189)
```
#3890c7
```
#3890c7 rgb(56,144,199)
```
#2e93d1
```
#2e93d1 rgb(46,147,209)
```
#2595da
```
#2595da rgb(37,149,218)
```
#1b97e4
```
#1b97e4 rgb(27,151,228)
```
#119aee
```
#119aee rgb(17,154,238)
```
#079cf8
```
#079cf8 rgb(7,156,248)
```

Tone Color Variation

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

Dichromacy

#7e8bba Protanopia 1% of men
#768cc3 Deuteranopia 1% of men
#3899a4 Tritanopia 0.001% of the population

Trichromacy

#688cbb Protanomaly 1% of men, 0.01% of women
#638cc1 Deuteranomaly 6% of men, 0.4% of women
#3b95ad Tritanomaly 0.01% of the population

#428ebd hex color

#428ebd Color Information

#428ebd Color Conversion

Color Schemes with #428ebd

Alternatives to #428ebd

#428ebd Preview

Shades and Tints of #428ebd

Tones of #428ebd

Color Blindness Simulator