#428dbf hex color

In a RGB color space, hex #428dbf is composed of 25.9% red, 55.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 26.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 204 degrees, a saturation of 49.4% and a lightness of 50.4%. #428dbf color hex could be obtained by blending #84ffff with #001b7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 55
- B 75
RGB color chart
- C 65
- M 26
- Y 0
- K 25
CMYK color chart

● #428dbf color description : Moderate blue.

The hexadecimal color #428dbf has RGB values of R:66, G:141, B:191 and CMYK values of C:0.65, M:0.26, Y:0, K:0.25. Its decimal value is 4361663.

Hex triplet	428dbf	`#428dbf`
RGB Decimal	66, 141, 191	`rgb(66,141,191)`
RGB Percent	25.9, 55.3, 74.9	`rgb(25.9%,55.3%,74.9%)`
CMYK	65, 26, 0, 25
HSL	204°, 49.4, 50.4	`hsl(204,49.4%,50.4%)`
HSV (or HSB)	204°, 65.4, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.056, -7.485, -32.892
XYZ	21.173, 23.968, 52.798
xyY	0.216, 0.245, 23.968
CIE-LCH	56.056, 33.733, 257.181
CIE-LUV	56.056, -29.685, -49.694
Hunter-Lab	48.957, -8.476, -29.671
Binary	01000010, 10001101, 10111111

#428dbf
```
#428dbf rgb(66,141,191)
```
#bf7442
```
#bf7442 rgb(191,116,66)
```

Complementary Color

#42bfb3
```
#42bfb3 rgb(66,191,179)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#424ebf
```
#424ebf rgb(66,78,191)
```

Analogous Color

#bfb342
```
#bfb342 rgb(191,179,66)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#bf424f
```
#bf424f rgb(191,66,79)
```

Split Complementary Color

#8dbf42
```
#8dbf42 rgb(141,191,66)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#bf428d
```
#bf428d rgb(191,66,141)
```

Triadic Color

#42bf74
```
#42bf74 rgb(66,191,116)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#bf428d
```
#bf428d rgb(191,66,141)
```
#bf7442
```
#bf7442 rgb(191,116,66)
```

Tetradic Color

#2e6387
```
#2e6387 rgb(46,99,135)
```
#34719a
```
#34719a rgb(52,113,154)
```
#3b7fad
```
#3b7fad rgb(59,127,173)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#5598c5
```
#5598c5 rgb(85,152,197)
```
#68a4cc
```
#68a4cc rgb(104,164,204)
```
#7bafd2
```
#7bafd2 rgb(123,175,210)
```

Monochromatic Color

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

#42acbf
```
#42acbf rgb(66,172,191)
```
#42a2bf
```
#42a2bf rgb(66,162,191)
```
#4297bf
```
#4297bf rgb(66,151,191)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#4283bf
```
#4283bf rgb(66,131,191)
```
#4278bf
```
#4278bf rgb(66,120,191)
```
#426ebf
```
#426ebf rgb(66,110,191)
```

Similar Colors

Text with hexadecimal color #428dbf

This text has a font color of #428dbf.

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

#428dbf background color

This paragraph has a background color of #428dbf.

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

#428dbf border color

This element has a border color of #428dbf.

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

CSS codes

.text {color:#428dbf;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#0a171f
```
#0a171f rgb(10,23,31)
```
#0f212d
```
#0f212d rgb(15,33,45)
```
#142c3c
```
#142c3c rgb(20,44,60)
```
#19374b
```
#19374b rgb(25,55,75)
```
#1e4259
```
#1e4259 rgb(30,66,89)
```
#234d68
```
#234d68 rgb(35,77,104)
```
#285777
```
#285777 rgb(40,87,119)
```
#2d6285
```
#2d6285 rgb(45,98,133)
```
#326d94
```
#326d94 rgb(50,109,148)
```
#3778a3
```
#3778a3 rgb(55,120,163)
```
#3c82b1
```
#3c82b1 rgb(60,130,177)
```

Shade Color Variation

#428dbf
```
#428dbf rgb(66,141,191)
```
#5196c4
```
#5196c4 rgb(81,150,196)
```
#5f9fc9
```
#5f9fc9 rgb(95,159,201)
```
#6ea8ce
```
#6ea8ce rgb(110,168,206)
```
#7db0d3
```
#7db0d3 rgb(125,176,211)
```
#8bb9d8
```
#8bb9d8 rgb(139,185,216)
```
#9ac2dd
```
#9ac2dd rgb(154,194,221)
```
#a9cbe2
```
#a9cbe2 rgb(169,203,226)
```
#b7d4e7
```
#b7d4e7 rgb(183,212,231)
```
#c6ddec
```
#c6ddec rgb(198,221,236)
```
#d5e5f1
```
#d5e5f1 rgb(213,229,241)
```
#e3eef6
```
#e3eef6 rgb(227,238,246)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#7c8185
```
#7c8185 rgb(124,129,133)
```
#73838e
```
#73838e rgb(115,131,142)
```
#698598
```
#698598 rgb(105,133,152)
```
#5f87a2
```
#5f87a2 rgb(95,135,162)
```
#5589ac
```
#5589ac rgb(85,137,172)
```
#4c8bb5
```
#4c8bb5 rgb(76,139,181)
```
#428dbf
```
#428dbf rgb(66,141,191)
```
#388fc9
```
#388fc9 rgb(56,143,201)
```
#2f91d2
```
#2f91d2 rgb(47,145,210)
```
#2593dc
```
#2593dc rgb(37,147,220)
```
#1b95e6
```
#1b95e6 rgb(27,149,230)
```
#1197f0
```
#1197f0 rgb(17,151,240)
```
#0899f9
```
#0899f9 rgb(8,153,249)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#707f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8abc Protanopia 1% of men
#738bc5 Deuteranopia 1% of men
#3598a4 Tritanopia 0.001% of the population

Trichromacy

#678bbd Protanomaly 1% of men, 0.01% of women
#618cc2 Deuteranomaly 6% of men, 0.4% of women
#3a94ad Tritanomaly 0.01% of the population

#428dbf hex color

#428dbf Color Information

#428dbf Color Conversion

Color Schemes with #428dbf

Alternatives to #428dbf

#428dbf Preview

Shades and Tints of #428dbf

Tones of #428dbf

Color Blindness Simulator