#428aad hex color

In a RGB color space, hex #428aad is composed of 25.9% red, 54.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 20.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 199.6 degrees, a saturation of 44.8% and a lightness of 46.9%. #428aad color hex could be obtained by blending #84ffff with #00155b. Closest websafe color is: #339999.

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

● #428aad color description : Dark moderate blue.

The hexadecimal color #428aad has RGB values of R:66, G:138, B:173 and CMYK values of C:0.62, M:0.2, Y:0, K:0.32. Its decimal value is 4360877.

Hex triplet	428aad	`#428aad`
RGB Decimal	66, 138, 173	`rgb(66,138,173)`
RGB Percent	25.9, 54.1, 67.8	`rgb(25.9%,54.1%,67.8%)`
CMYK	62, 20, 0, 32
HSL	199.6°, 44.8, 46.9	`hsl(199.6,44.8%,46.9%)`
HSV (or HSB)	199.6°, 61.8, 67.8
Web Safe	339999	`#339999`

CIE-LAB	54.397, -11.72, -25.192
XYZ	18.876, 22.351, 42.852
xyY	0.225, 0.266, 22.351
CIE-LCH	54.397, 27.784, 245.05
CIE-LUV	54.397, -29.289, -36.488
Hunter-Lab	47.277, -11.465, -20.647
Binary	01000010, 10001010, 10101101

#428aad
```
#428aad rgb(66,138,173)
```
#ad6542
```
#ad6542 rgb(173,101,66)
```

Complementary Color

#42ad9b
```
#42ad9b rgb(66,173,155)
```
#428aad
```
#428aad rgb(66,138,173)
```
#4255ad
```
#4255ad rgb(66,85,173)
```

Analogous Color

#ad9b42
```
#ad9b42 rgb(173,155,66)
```
#428aad
```
#428aad rgb(66,138,173)
```
#ad4255
```
#ad4255 rgb(173,66,85)
```

Split Complementary Color

#8aad42
```
#8aad42 rgb(138,173,66)
```
#428aad
```
#428aad rgb(66,138,173)
```
#ad428a
```
#ad428a rgb(173,66,138)
```

Triadic Color

#42ad65
```
#42ad65 rgb(66,173,101)
```
#428aad
```
#428aad rgb(66,138,173)
```
#ad428a
```
#ad428a rgb(173,66,138)
```
#ad6542
```
#ad6542 rgb(173,101,66)
```

Tetradic Color

#2d5e76
```
#2d5e76 rgb(45,94,118)
```
#346d88
```
#346d88 rgb(52,109,136)
```
#3b7b9b
```
#3b7b9b rgb(59,123,155)
```
#428aad
```
#428aad rgb(66,138,173)
```
#4d97bb
```
#4d97bb rgb(77,151,187)
```
#60a2c2
```
#60a2c2 rgb(96,162,194)
```
#72adc9
```
#72adc9 rgb(114,173,201)
```

Monochromatic Color

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

#42a5ad
```
#42a5ad rgb(66,165,173)
```
#429cad
```
#429cad rgb(66,156,173)
```
#4293ad
```
#4293ad rgb(66,147,173)
```
#428aad
```
#428aad rgb(66,138,173)
```
#4281ad
```
#4281ad rgb(66,129,173)
```
#4278ad
```
#4278ad rgb(66,120,173)
```
#426fad
```
#426fad rgb(66,111,173)
```

Similar Colors

Text with hexadecimal color #428aad

This text has a font color of #428aad.

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

#428aad background color

This paragraph has a background color of #428aad.

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

#428aad border color

This element has a border color of #428aad.

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

CSS codes

.text {color:#428aad;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0c191f
```
#0c191f rgb(12,25,31)
```
#11242d
```
#11242d rgb(17,36,45)
```
#172f3b
```
#172f3b rgb(23,47,59)
```
#1c3b4a
```
#1c3b4a rgb(28,59,74)
```
#214658
```
#214658 rgb(33,70,88)
```
#275166
```
#275166 rgb(39,81,102)
```
#2c5d74
```
#2c5d74 rgb(44,93,116)
```
#326882
```
#326882 rgb(50,104,130)
```
#377391
```
#377391 rgb(55,115,145)
```
#3d7f9f
```
#3d7f9f rgb(61,127,159)
```
#428aad
```
#428aad rgb(66,138,173)
```

Shade Color Variation

#4995ba
```
#4995ba rgb(73,149,186)
```
#579dbf
```
#579dbf rgb(87,157,191)
```
#65a5c4
```
#65a5c4 rgb(101,165,196)
```
#74aeca
```
#74aeca rgb(116,174,202)
```
#82b6cf
```
#82b6cf rgb(130,182,207)
```
#90bed5
```
#90bed5 rgb(144,190,213)
```
#9ec7da
```
#9ec7da rgb(158,199,218)
```
#accfdf
```
#accfdf rgb(172,207,223)
```
#bbd7e5
```
#bbd7e5 rgb(187,215,229)
```
#c9dfea
```
#c9dfea rgb(201,223,234)
```
#d7e8f0
```
#d7e8f0 rgb(215,232,240)
```
#e5f0f5
```
#e5f0f5 rgb(229,240,245)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#707a7f
```
#707a7f rgb(112,122,127)
```
#677d88
```
#677d88 rgb(103,125,136)
```
#5e8091
```
#5e8091 rgb(94,128,145)
```
#54849b
```
#54849b rgb(84,132,155)
```
#4b87a4
```
#4b87a4 rgb(75,135,164)
```
#428aad
```
#428aad rgb(66,138,173)
```
#398db6
```
#398db6 rgb(57,141,182)
```
#3090bf
```
#3090bf rgb(48,144,191)
```
#2694c9
```
#2694c9 rgb(38,148,201)
```
#1d97d2
```
#1d97d2 rgb(29,151,210)
```
#149adb
```
#149adb rgb(20,154,219)
```
#0b9de4
```
#0b9de4 rgb(11,157,228)
```
#02a0ed
```
#02a0ed rgb(2,160,237)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6d7c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e87ab Protanopia 1% of men
#7a86b4 Deuteranopia 1% of men
#40939e Tritanopia 0.001% of the population

Trichromacy

#6888ab Protanomaly 1% of men, 0.01% of women
#6588b1 Deuteranomaly 6% of men, 0.4% of women
#4190a3 Tritanomaly 0.01% of the population

#428aad hex color

#428aad Color Information

#428aad Color Conversion

Color Schemes with #428aad

Alternatives to #428aad

#428aad Preview

Shades and Tints of #428aad

Tones of #428aad

Color Blindness Simulator