#428cdc hex color

In a RGB color space, hex #428cdc is composed of 25.9% red, 54.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 36.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 211.2 degrees, a saturation of 68.8% and a lightness of 56.1%. #428cdc color hex could be obtained by blending #84ffff with #0019b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 55
- B 86
RGB color chart
- C 70
- M 36
- Y 0
- K 14
CMYK color chart

● #428cdc color description : Bright blue.

The hexadecimal color #428cdc has RGB values of R:66, G:140, B:220 and CMYK values of C:0.7, M:0.36, Y:0, K:0.14. Its decimal value is 4361436.

Hex triplet	428cdc	`#428cdc`
RGB Decimal	66, 140, 220	`rgb(66,140,220)`
RGB Percent	25.9, 54.9, 86.3	`rgb(25.9%,54.9%,86.3%)`
CMYK	70, 36, 0, 14
HSL	211.2°, 68.8, 56.1	`hsl(211.2,68.8%,56.1%)`
HSV (or HSB)	211.2°, 70, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.153, 3.067, -47.512
XYZ	24.54, 25.08, 71.254
xyY	0.203, 0.207, 25.08
CIE-LCH	57.153, 47.611, 273.694
CIE-LUV	57.153, -28.308, -75.053
Hunter-Lab	50.08, -0.171, -49.302
Binary	01000010, 10001100, 11011100

#428cdc
```
#428cdc rgb(66,140,220)
```
#dc9242
```
#dc9242 rgb(220,146,66)
```

Complementary Color

#42d9dc
```
#42d9dc rgb(66,217,220)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#4542dc
```
#4542dc rgb(69,66,220)
```

Analogous Color

#d9dc42
```
#d9dc42 rgb(217,220,66)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#dc4542
```
#dc4542 rgb(220,69,66)
```

Split Complementary Color

#8cdc42
```
#8cdc42 rgb(140,220,66)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#dc428c
```
#dc428c rgb(220,66,140)
```

Triadic Color

#42dc92
```
#42dc92 rgb(66,220,146)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#dc428c
```
#dc428c rgb(220,66,140)
```
#dc9242
```
#dc9242 rgb(220,146,66)
```

Tetradic Color

#2166b1
```
#2166b1 rgb(33,102,177)
```
#2572c6
```
#2572c6 rgb(37,114,198)
```
#2c7fd8
```
#2c7fd8 rgb(44,127,216)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#5899e0
```
#5899e0 rgb(88,153,224)
```
#6da6e4
```
#6da6e4 rgb(109,166,228)
```
#83b3e8
```
#83b3e8 rgb(131,179,232)
```

Monochromatic Color

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

#42b3dc
```
#42b3dc rgb(66,179,220)
```
#42a6dc
```
#42a6dc rgb(66,166,220)
```
#4299dc
```
#4299dc rgb(66,153,220)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#427fdc
```
#427fdc rgb(66,127,220)
```
#4272dc
```
#4272dc rgb(66,114,220)
```
#4266dc
```
#4266dc rgb(66,102,220)
```

Similar Colors

Text with hexadecimal color #428cdc

This text has a font color of #428cdc.

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

#428cdc background color

This paragraph has a background color of #428cdc.

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

#428cdc border color

This element has a border color of #428cdc.

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

CSS codes

.text {color:#428cdc;}

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

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

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, #02060a is the darkest color, while #f8fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#050f1a
```
#050f1a rgb(5,15,26)
```
#08192b
```
#08192b rgb(8,25,43)
```
#0b223b
```
#0b223b rgb(11,34,59)
```
#0e2c4c
```
#0e2c4c rgb(14,44,76)
```
#11355c
```
#11355c rgb(17,53,92)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#17487d
```
#17487d rgb(23,72,125)
```
#1a528e
```
#1a528e rgb(26,82,142)
```
#1d5b9f
```
#1d5b9f rgb(29,91,159)
```
#2065af
```
#2065af rgb(32,101,175)
```
#236fc0
```
#236fc0 rgb(35,111,192)
```
#2778d0
```
#2778d0 rgb(39,120,208)
```

Shade Color Variation

#3182d9
```
#3182d9 rgb(49,130,217)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#5396df
```
#5396df rgb(83,150,223)
```
#63a0e2
```
#63a0e2 rgb(99,160,226)
```
#74aae5
```
#74aae5 rgb(116,170,229)
```
#84b4e8
```
#84b4e8 rgb(132,180,232)
```
#95beeb
```
#95beeb rgb(149,190,235)
```
#a5c8ee
```
#a5c8ee rgb(165,200,238)
```
#b6d2f1
```
#b6d2f1 rgb(182,210,241)
```
#c6ddf5
```
#c6ddf5 rgb(198,221,245)
```
#d7e7f8
```
#d7e7f8 rgb(215,231,248)
```
#e8f1fb
```
#e8f1fb rgb(232,241,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878f97 is the less saturated color, while #208bfe is the most saturated one.

#878f97
```
#878f97 rgb(135,143,151)
```
#7e8ea0
```
#7e8ea0 rgb(126,142,160)
```
#768ea8
```
#768ea8 rgb(118,142,168)
```
#6d8eb1
```
#6d8eb1 rgb(109,142,177)
```
#648dba
```
#648dba rgb(100,141,186)
```
#5c8dc2
```
#5c8dc2 rgb(92,141,194)
```
#538dcb
```
#538dcb rgb(83,141,203)
```
#4b8cd3
```
#4b8cd3 rgb(75,140,211)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#398ce5
```
#398ce5 rgb(57,140,229)
```
#318bed
```
#318bed rgb(49,139,237)
```
#288bf6
```
#288bf6 rgb(40,139,246)
```
#208bfe
```
#208bfe rgb(32,139,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#738292 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8cd9 Protanopia 1% of men
#598fde Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#5f8cda Protanomaly 1% of men, 0.01% of women
#518edd Deuteranomaly 6% of men, 0.4% of women
#1896bb Tritanomaly 0.01% of the population

#428cdc hex color

#428cdc Color Information

#428cdc Color Conversion

Color Schemes with #428cdc

Alternatives to #428cdc

#428cdc Preview

Shades and Tints of #428cdc

Tones of #428cdc

Color Blindness Simulator