#428adf hex color

In a RGB color space, hex #428adf is composed of 25.9% red, 54.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 38.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 212.5 degrees, a saturation of 71% and a lightness of 56.7%. #428adf color hex could be obtained by blending #84ffff with #0015bf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 54
- B 87
RGB color chart
- C 70
- M 38
- Y 0
- K 13
CMYK color chart

● #428adf color description : Bright blue.

The hexadecimal color #428adf has RGB values of R:66, G:138, B:223 and CMYK values of C:0.7, M:0.38, Y:0, K:0.13. Its decimal value is 4360927.

Hex triplet	428adf	`#428adf`
RGB Decimal	66, 138, 223	`rgb(66,138,223)`
RGB Percent	25.9, 54.1, 87.5	`rgb(25.9%,54.1%,87.5%)`
CMYK	70, 38, 0, 13
HSL	212.5°, 71, 56.7	`hsl(212.5,71%,56.7%)`
HSV (or HSB)	212.5°, 70.4, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.744, 5.313, -49.84
XYZ	24.651, 24.661, 73.269
xyY	0.201, 0.201, 24.661
CIE-LCH	56.744, 50.122, 276.085
CIE-LUV	56.744, -27.546, -78.986
Hunter-Lab	49.66, 1.703, -52.715
Binary	01000010, 10001010, 11011111

#428adf
```
#428adf rgb(66,138,223)
```
#df9742
```
#df9742 rgb(223,151,66)
```

Complementary Color

#42d9df
```
#42d9df rgb(66,217,223)
```
#428adf
```
#428adf rgb(66,138,223)
```
#4842df
```
#4842df rgb(72,66,223)
```

Analogous Color

#d9df42
```
#d9df42 rgb(217,223,66)
```
#428adf
```
#428adf rgb(66,138,223)
```
#df4842
```
#df4842 rgb(223,72,66)
```

Split Complementary Color

#8adf42
```
#8adf42 rgb(138,223,66)
```
#428adf
```
#428adf rgb(66,138,223)
```
#df428a
```
#df428a rgb(223,66,138)
```

Triadic Color

#42df97
```
#42df97 rgb(66,223,151)
```
#428adf
```
#428adf rgb(66,138,223)
```
#df428a
```
#df428a rgb(223,66,138)
```
#df9742
```
#df9742 rgb(223,151,66)
```

Tetradic Color

#1f64b6
```
#1f64b6 rgb(31,100,182)
```
#2270cc
```
#2270cc rgb(34,112,204)
```
#2c7ddb
```
#2c7ddb rgb(44,125,219)
```
#428adf
```
#428adf rgb(66,138,223)
```
#5898e3
```
#5898e3 rgb(88,152,227)
```
#6ea5e6
```
#6ea5e6 rgb(110,165,230)
```
#83b3ea
```
#83b3ea rgb(131,179,234)
```

Monochromatic Color

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

#42b1df
```
#42b1df rgb(66,177,223)
```
#42a4df
```
#42a4df rgb(66,164,223)
```
#4297df
```
#4297df rgb(66,151,223)
```
#428adf
```
#428adf rgb(66,138,223)
```
#427ddf
```
#427ddf rgb(66,125,223)
```
#4270df
```
#4270df rgb(66,112,223)
```
#4263df
```
#4263df rgb(66,99,223)
```

Similar Colors

Text with hexadecimal color #428adf

This text has a font color of #428adf.

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

#428adf background color

This paragraph has a background color of #428adf.

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

#428adf border color

This element has a border color of #428adf.

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

CSS codes

.text {color:#428adf;}

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

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

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, #02070c is the darkest color, while #fbfcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#05101d
```
#05101d rgb(5,16,29)
```
#08192e
```
#08192e rgb(8,25,46)
```
#0b223f
```
#0b223f rgb(11,34,63)
```
#0d2c4f
```
#0d2c4f rgb(13,44,79)
```
#103560
```
#103560 rgb(16,53,96)
```
#133e71
```
#133e71 rgb(19,62,113)
```
#164782
```
#164782 rgb(22,71,130)
```
#195193
```
#195193 rgb(25,81,147)
```
#1c5aa3
```
#1c5aa3 rgb(28,90,163)
```
#1e63b4
```
#1e63b4 rgb(30,99,180)
```
#216cc5
```
#216cc5 rgb(33,108,197)
```
#2476d6
```
#2476d6 rgb(36,118,214)
```

Shade Color Variation

#3180dc
```
#3180dc rgb(49,128,220)
```
#428adf
```
#428adf rgb(66,138,223)
```
#5394e2
```
#5394e2 rgb(83,148,226)
```
#649fe5
```
#649fe5 rgb(100,159,229)
```
#74a9e8
```
#74a9e8 rgb(116,169,232)
```
#85b4ea
```
#85b4ea rgb(133,180,234)
```
#96beed
```
#96beed rgb(150,190,237)
```
#a7c8f0
```
#a7c8f0 rgb(167,200,240)
```
#b7d3f3
```
#b7d3f3 rgb(183,211,243)
```
#c8ddf6
```
#c8ddf6 rgb(200,221,246)
```
#d9e7f9
```
#d9e7f9 rgb(217,231,249)
```
#eaf2fb
```
#eaf2fb rgb(234,242,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#8f9093
```
#8f9093 rgb(143,144,147)
```
#86909b
```
#86909b rgb(134,144,155)
```
#7e8fa4
```
#7e8fa4 rgb(126,143,164)
```
#758eac
```
#758eac rgb(117,142,172)
```
#6d8eb5
```
#6d8eb5 rgb(109,142,181)
```
#648dbd
```
#648dbd rgb(100,141,189)
```
#5c8cc6
```
#5c8cc6 rgb(92,140,198)
```
#538bce
```
#538bce rgb(83,139,206)
```
#4b8bd7
```
#4b8bd7 rgb(75,139,215)
```
#428adf
```
#428adf rgb(66,138,223)
```
#3a89e8
```
#3a89e8 rgb(58,137,232)
```
#3189f0
```
#3189f0 rgb(49,137,240)
```
#2988f9
```
#2988f9 rgb(41,136,249)
```

Tone Color Variation

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

Dichromacy

#6b8bdd Protanopia 1% of men
#528fe1 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5c8bdd Protanomaly 1% of men, 0.01% of women
#4c8de0 Deuteranomaly 6% of men, 0.4% of women
#1895bb Tritanomaly 0.01% of the population

#428adf hex color

#428adf Color Information

#428adf Color Conversion

Color Schemes with #428adf

Alternatives to #428adf

#428adf Preview

Shades and Tints of #428adf

Tones of #428adf

Color Blindness Simulator