#428bae hex color

In a RGB color space, hex #428bae is composed of 25.9% red, 54.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 20.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 199.4 degrees, a saturation of 45% and a lightness of 47.1%. #428bae color hex could be obtained by blending #84ffff with #00175d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 26
- G 55
- B 68
RGB color chart
- C 62
- M 20
- Y 0
- K 32
CMYK color chart

● #428bae color description : Dark moderate blue.

The hexadecimal color #428bae has RGB values of R:66, G:139, B:174 and CMYK values of C:0.62, M:0.2, Y:0, K:0.32. Its decimal value is 4361134.

Hex triplet	428bae	`#428bae`
RGB Decimal	66, 139, 174	`rgb(66,139,174)`
RGB Percent	25.9, 54.5, 68.2	`rgb(25.9%,54.5%,68.2%)`
CMYK	62, 20, 0, 32
HSL	199.4°, 45, 47.1	`hsl(199.4,45%,47.1%)`
HSV (or HSB)	199.4°, 62.1, 68.2
Web Safe	339999	`#339999`

CIE-LAB	54.739, -11.956, -25.238
XYZ	19.117, 22.678, 43.412
xyY	0.224, 0.266, 22.678
CIE-LCH	54.739, 27.926, 244.652
CIE-LUV	54.739, -29.623, -36.573
Hunter-Lab	47.622, -11.68, -20.714
Binary	01000010, 10001011, 10101110

#428bae
```
#428bae rgb(66,139,174)
```
#ae6542
```
#ae6542 rgb(174,101,66)
```

Complementary Color

#42ae9b
```
#42ae9b rgb(66,174,155)
```
#428bae
```
#428bae rgb(66,139,174)
```
#4255ae
```
#4255ae rgb(66,85,174)
```

Analogous Color

#ae9b42
```
#ae9b42 rgb(174,155,66)
```
#428bae
```
#428bae rgb(66,139,174)
```
#ae4255
```
#ae4255 rgb(174,66,85)
```

Split Complementary Color

#8bae42
```
#8bae42 rgb(139,174,66)
```
#428bae
```
#428bae rgb(66,139,174)
```
#ae428b
```
#ae428b rgb(174,66,139)
```

Triadic Color

#42ae65
```
#42ae65 rgb(66,174,101)
```
#428bae
```
#428bae rgb(66,139,174)
```
#ae428b
```
#ae428b rgb(174,66,139)
```
#ae6542
```
#ae6542 rgb(174,101,66)
```

Tetradic Color

#2d5f77
```
#2d5f77 rgb(45,95,119)
```
#346d89
```
#346d89 rgb(52,109,137)
```
#3b7c9c
```
#3b7c9c rgb(59,124,156)
```
#428bae
```
#428bae rgb(66,139,174)
```
#4e98bc
```
#4e98bc rgb(78,152,188)
```
#60a3c3
```
#60a3c3 rgb(96,163,195)
```
#73aeca
```
#73aeca rgb(115,174,202)
```

Monochromatic Color

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

#42a6ae
```
#42a6ae rgb(66,166,174)
```
#429dae
```
#429dae rgb(66,157,174)
```
#4294ae
```
#4294ae rgb(66,148,174)
```
#428bae
```
#428bae rgb(66,139,174)
```
#4282ae
```
#4282ae rgb(66,130,174)
```
#4279ae
```
#4279ae rgb(66,121,174)
```
#4270ae
```
#4270ae rgb(66,112,174)
```

Similar Colors

Text with hexadecimal color #428bae

This text has a font color of #428bae.

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

#428bae background color

This paragraph has a background color of #428bae.

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

#428bae border color

This element has a border color of #428bae.

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

CSS codes

.text {color:#428bae;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0c1920
```
#0c1920 rgb(12,25,32)
```
#11252e
```
#11252e rgb(17,37,46)
```
#17303c
```
#17303c rgb(23,48,60)
```
#1c3b4a
```
#1c3b4a rgb(28,59,74)
```
#224759
```
#224759 rgb(34,71,89)
```
#275267
```
#275267 rgb(39,82,103)
```
#2c5e75
```
#2c5e75 rgb(44,94,117)
```
#326983
```
#326983 rgb(50,105,131)
```
#377492
```
#377492 rgb(55,116,146)
```
#3d80a0
```
#3d80a0 rgb(61,128,160)
```
#428bae
```
#428bae rgb(66,139,174)
```

Shade Color Variation

#4996ba
```
#4996ba rgb(73,150,186)
```
#589ec0
```
#589ec0 rgb(88,158,192)
```
#66a6c5
```
#66a6c5 rgb(102,166,197)
```
#74aeca
```
#74aeca rgb(116,174,202)
```
#82b7d0
```
#82b7d0 rgb(130,183,208)
```
#91bfd5
```
#91bfd5 rgb(145,191,213)
```
#9fc7db
```
#9fc7db rgb(159,199,219)
```
#adcfe0
```
#adcfe0 rgb(173,207,224)
```
#bbd8e5
```
#bbd8e5 rgb(187,216,229)
```
#c9e0eb
```
#c9e0eb rgb(201,224,235)
```
#d8e8f0
```
#d8e8f0 rgb(216,232,240)
```
#e6f0f5
```
#e6f0f5 rgb(230,240,245)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b80 is the less saturated color, while #01a2ef is the most saturated one.

#707b80
```
#707b80 rgb(112,123,128)
```
#677e89
```
#677e89 rgb(103,126,137)
```
#5e8192
```
#5e8192 rgb(94,129,146)
```
#54859c
```
#54859c rgb(84,133,156)
```
#4b88a5
```
#4b88a5 rgb(75,136,165)
```
#428bae
```
#428bae rgb(66,139,174)
```
#398eb7
```
#398eb7 rgb(57,142,183)
```
#3091c0
```
#3091c0 rgb(48,145,192)
```
#2695ca
```
#2695ca rgb(38,149,202)
```
#1d98d3
```
#1d98d3 rgb(29,152,211)
```
#149bdc
```
#149bdc rgb(20,155,220)
```
#0b9ee5
```
#0b9ee5 rgb(11,158,229)
```
#01a2ef
```
#01a2ef rgb(1,162,239)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6e7d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f88ac Protanopia 1% of men
#7b87b5 Deuteranopia 1% of men
#40949f Tritanopia 0.001% of the population

Trichromacy

#6989ac Protanomaly 1% of men, 0.01% of women
#6688b2 Deuteranomaly 6% of men, 0.4% of women
#4191a4 Tritanomaly 0.01% of the population

#428bae hex color

#428bae Color Information

#428bae Color Conversion

Color Schemes with #428bae

Alternatives to #428bae

#428bae Preview

Shades and Tints of #428bae

Tones of #428bae

Color Blindness Simulator