#428bed hex color

In a RGB color space, hex #428bed is composed of 25.9% red, 54.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 41.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 214.4 degrees, a saturation of 82.6% and a lightness of 59.4%. #428bed color hex could be obtained by blending #84ffff with #0017db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 55
- B 93
RGB color chart
- C 72
- M 41
- Y 0
- K 7
CMYK color chart

● #428bed color description : Bright blue.

The hexadecimal color #428bed has RGB values of R:66, G:139, B:237 and CMYK values of C:0.72, M:0.41, Y:0, K:0.07. Its decimal value is 4361197.

Hex triplet	428bed	`#428bed`
RGB Decimal	66, 139, 237	`rgb(66,139,237)`
RGB Percent	25.9, 54.5, 92.9	`rgb(25.9%,54.5%,92.9%)`
CMYK	72, 41, 0, 7
HSL	214.4°, 82.6, 59.4	`hsl(214.4,82.6%,59.4%)`
HSV (or HSB)	214.4°, 72.2, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.786, 9.674, -55.975
XYZ	26.762, 25.736, 83.673
xyY	0.197, 0.189, 25.736
CIE-LCH	57.786, 56.805, 279.806
CIE-LUV	57.786, -27.479, -89.704
Hunter-Lab	50.731, 5.386, -62.279
Binary	01000010, 10001011, 11101101

#428bed
```
#428bed rgb(66,139,237)
```
#eda442
```
#eda442 rgb(237,164,66)
```

Complementary Color

#42e1ed
```
#42e1ed rgb(66,225,237)
```
#428bed
```
#428bed rgb(66,139,237)
```
#4f42ed
```
#4f42ed rgb(79,66,237)
```

Analogous Color

#e1ed42
```
#e1ed42 rgb(225,237,66)
```
#428bed
```
#428bed rgb(66,139,237)
```
#ed4e42
```
#ed4e42 rgb(237,78,66)
```

Split Complementary Color

#8bed42
```
#8bed42 rgb(139,237,66)
```
#428bed
```
#428bed rgb(66,139,237)
```
#ed428b
```
#ed428b rgb(237,66,139)
```

Triadic Color

#42eda4
```
#42eda4 rgb(66,237,164)
```
#428bed
```
#428bed rgb(66,139,237)
```
#ed428b
```
#ed428b rgb(237,66,139)
```
#eda442
```
#eda442 rgb(237,164,66)
```

Tetradic Color

#1464cf
```
#1464cf rgb(20,100,207)
```
#166fe6
```
#166fe6 rgb(22,111,230)
```
#2b7deb
```
#2b7deb rgb(43,125,235)
```
#428bed
```
#428bed rgb(66,139,237)
```
#5999ef
```
#5999ef rgb(89,153,239)
```
#71a8f1
```
#71a8f1 rgb(113,168,241)
```
#88b6f4
```
#88b6f4 rgb(136,182,244)
```

Monochromatic Color

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

#42b6ed
```
#42b6ed rgb(66,182,237)
```
#42a8ed
```
#42a8ed rgb(66,168,237)
```
#4299ed
```
#4299ed rgb(66,153,237)
```
#428bed
```
#428bed rgb(66,139,237)
```
#427ded
```
#427ded rgb(66,125,237)
```
#426fed
```
#426fed rgb(66,111,237)
```
#4260ed
```
#4260ed rgb(66,96,237)
```

Similar Colors

Text with hexadecimal color #428bed

This text has a font color of #428bed.

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

#428bed background color

This paragraph has a background color of #428bed.

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

#428bed border color

This element has a border color of #428bed.

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

CSS codes

.text {color:#428bed;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#020c1a
```
#020c1a rgb(2,12,26)
```
#04152c
```
#04152c rgb(4,21,44)
```
#061e3e
```
#061e3e rgb(6,30,62)
```
#082650
```
#082650 rgb(8,38,80)
```
#092f62
```
#092f62 rgb(9,47,98)
```
#0b3873
```
#0b3873 rgb(11,56,115)
```
#0d4085
```
#0d4085 rgb(13,64,133)
```
#0e4997
```
#0e4997 rgb(14,73,151)
```
#1051a9
```
#1051a9 rgb(16,81,169)
```
#125abb
```
#125abb rgb(18,90,187)
```
#1463cd
```
#1463cd rgb(20,99,205)
```
#156bdf
```
#156bdf rgb(21,107,223)
```

Shade Color Variation

#1e75ea
```
#1e75ea rgb(30,117,234)
```
#3080eb
```
#3080eb rgb(48,128,235)
```
#428bed
```
#428bed rgb(66,139,237)
```
#5496ef
```
#5496ef rgb(84,150,239)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#78acf2
```
#78acf2 rgb(120,172,242)
```
#8ab7f4
```
#8ab7f4 rgb(138,183,244)
```
#9cc2f6
```
#9cc2f6 rgb(156,194,246)
```
#adcdf7
```
#adcdf7 rgb(173,205,247)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#d1e3fb
```
#d1e3fb rgb(209,227,251)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92979d is the less saturated color, while #3289fd is the most saturated one.

#92979d
```
#92979d rgb(146,151,157)
```
#8a95a5
```
#8a95a5 rgb(138,149,165)
```
#8294ad
```
#8294ad rgb(130,148,173)
```
#7a93b5
```
#7a93b5 rgb(122,147,181)
```
#7292bd
```
#7292bd rgb(114,146,189)
```
#6a91c5
```
#6a91c5 rgb(106,145,197)
```
#6290cd
```
#6290cd rgb(98,144,205)
```
#5a8ed5
```
#5a8ed5 rgb(90,142,213)
```
#528ddd
```
#528ddd rgb(82,141,221)
```
#4a8ce5
```
#4a8ce5 rgb(74,140,229)
```
#428bed
```
#428bed rgb(66,139,237)
```
#3a8af5
```
#3a8af5 rgb(58,138,245)
```
#3289fd
```
#3289fd rgb(50,137,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#748296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#648deb Protanopia 1% of men
#3f92ed Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#588ceb Protanomaly 1% of men, 0.01% of women
#408fed Deuteranomaly 6% of men, 0.4% of women
#1897c2 Tritanomaly 0.01% of the population

#428bed hex color

#428bed Color Information

#428bed Color Conversion

Color Schemes with #428bed

Alternatives to #428bed

#428bed Preview

Shades and Tints of #428bed

Tones of #428bed

Color Blindness Simulator