#428ae1 hex color

In a RGB color space, hex #428ae1 is composed of 25.9% red, 54.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 38.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 212.8 degrees, a saturation of 72.6% and a lightness of 57.1%. #428ae1 color hex could be obtained by blending #84ffff with #0015c3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 54
- B 88
RGB color chart
- C 71
- M 39
- Y 0
- K 12
CMYK color chart

● #428ae1 color description : Bright blue.

The hexadecimal color #428ae1 has RGB values of R:66, G:138, B:225 and CMYK values of C:0.71, M:0.39, Y:0, K:0.12. Its decimal value is 4360929.

Hex triplet	428ae1	`#428ae1`
RGB Decimal	66, 138, 225	`rgb(66,138,225)`
RGB Percent	25.9, 54.1, 88.2	`rgb(25.9%,54.1%,88.2%)`
CMYK	71, 39, 0, 12
HSL	212.8°, 72.6, 57.1	`hsl(212.8,72.6%,57.1%)`
HSV (or HSB)	212.8°, 70.7, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.85, 6.019, -50.788
XYZ	24.923, 24.77, 74.698
xyY	0.2, 0.199, 24.77
CIE-LCH	56.85, 51.144, 276.759
CIE-LUV	56.85, -27.488, -80.632
Hunter-Lab	49.769, 2.291, -54.149
Binary	01000010, 10001010, 11100001

#428ae1
```
#428ae1 rgb(66,138,225)
```
#e19942
```
#e19942 rgb(225,153,66)
```

Complementary Color

#42dae1
```
#42dae1 rgb(66,218,225)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#4942e1
```
#4942e1 rgb(73,66,225)
```

Analogous Color

#dae142
```
#dae142 rgb(218,225,66)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#e14942
```
#e14942 rgb(225,73,66)
```

Split Complementary Color

#8ae142
```
#8ae142 rgb(138,225,66)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#e1428a
```
#e1428a rgb(225,66,138)
```

Triadic Color

#42e199
```
#42e199 rgb(66,225,153)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#e1428a
```
#e1428a rgb(225,66,138)
```
#e19942
```
#e19942 rgb(225,153,66)
```

Tetradic Color

#1d64b9
```
#1d64b9 rgb(29,100,185)
```
#2170cf
```
#2170cf rgb(33,112,207)
```
#2c7cde
```
#2c7cde rgb(44,124,222)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#5898e4
```
#5898e4 rgb(88,152,228)
```
#6ea5e8
```
#6ea5e8 rgb(110,165,232)
```
#84b3eb
```
#84b3eb rgb(132,179,235)
```

Monochromatic Color

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

#42b2e1
```
#42b2e1 rgb(66,178,225)
```
#42a5e1
```
#42a5e1 rgb(66,165,225)
```
#4297e1
```
#4297e1 rgb(66,151,225)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#427de1
```
#427de1 rgb(66,125,225)
```
#4270e1
```
#4270e1 rgb(66,112,225)
```
#4262e1
```
#4262e1 rgb(66,98,225)
```

Similar Colors

Text with hexadecimal color #428ae1

This text has a font color of #428ae1.

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

#428ae1 background color

This paragraph has a background color of #428ae1.

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

#428ae1 border color

This element has a border color of #428ae1.

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

CSS codes

.text {color:#428ae1;}

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

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

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, #02080e is the darkest color, while #fcfdff is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#05111f
```
#05111f rgb(5,17,31)
```
#081a30
```
#081a30 rgb(8,26,48)
```
#0a2341
```
#0a2341 rgb(10,35,65)
```
#0d2c52
```
#0d2c52 rgb(13,44,82)
```
#103563
```
#103563 rgb(16,53,99)
```
#123e74
```
#123e74 rgb(18,62,116)
```
#154885
```
#154885 rgb(21,72,133)
```
#185196
```
#185196 rgb(24,81,150)
```
#1a5aa6
```
#1a5aa6 rgb(26,90,166)
```
#1d63b7
```
#1d63b7 rgb(29,99,183)
```
#206cc8
```
#206cc8 rgb(32,108,200)
```
#2275d9
```
#2275d9 rgb(34,117,217)
```

Shade Color Variation

#3180de
```
#3180de rgb(49,128,222)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#5394e4
```
#5394e4 rgb(83,148,228)
```
#649fe6
```
#649fe6 rgb(100,159,230)
```
#75a9e9
```
#75a9e9 rgb(117,169,233)
```
#86b4ec
```
#86b4ec rgb(134,180,236)
```
#97beee
```
#97beee rgb(151,190,238)
```
#a8c9f1
```
#a8c9f1 rgb(168,201,241)
```
#b8d3f4
```
#b8d3f4 rgb(184,211,244)
```
#c9def6
```
#c9def6 rgb(201,222,246)
```
#dae8f9
```
#dae8f9 rgb(218,232,249)
```
#ebf3fc
```
#ebf3fc rgb(235,243,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9195 is the less saturated color, while #2988fa is the most saturated one.

#8e9195
```
#8e9195 rgb(142,145,149)
```
#85909e
```
#85909e rgb(133,144,158)
```
#7d90a6
```
#7d90a6 rgb(125,144,166)
```
#758fae
```
#758fae rgb(117,143,174)
```
#6c8eb7
```
#6c8eb7 rgb(108,142,183)
```
#648dbf
```
#648dbf rgb(100,141,191)
```
#5b8cc8
```
#5b8cc8 rgb(91,140,200)
```
#538cd0
```
#538cd0 rgb(83,140,208)
```
#4a8bd9
```
#4a8bd9 rgb(74,139,217)
```
#428ae1
```
#428ae1 rgb(66,138,225)
```
#3a89e9
```
#3a89e9 rgb(58,137,233)
```
#3188f2
```
#3188f2 rgb(49,136,242)
```
#2988fa
```
#2988fa rgb(41,136,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#728092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a8bdf Protanopia 1% of men
#4f8fe2 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5b8bdf Protanomaly 1% of men, 0.01% of women
#4a8de2 Deuteranomaly 6% of men, 0.4% of women
#1895bc Tritanomaly 0.01% of the population

#428ae1 hex color

#428ae1 Color Information

#428ae1 Color Conversion

Color Schemes with #428ae1

Alternatives to #428ae1

#428ae1 Preview

Shades and Tints of #428ae1

Tones of #428ae1

Color Blindness Simulator