#428bb4 hex color

In a RGB color space, hex #428bb4 is composed of 25.9% red, 54.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 22.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 201.6 degrees, a saturation of 46.3% and a lightness of 48.2%. #428bb4 color hex could be obtained by blending #84ffff with #001769. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 55
- B 71
RGB color chart
- C 63
- M 23
- Y 0
- K 29
CMYK color chart

● #428bb4 color description : Moderate blue.

The hexadecimal color #428bb4 has RGB values of R:66, G:139, B:180 and CMYK values of C:0.63, M:0.23, Y:0, K:0.29. Its decimal value is 4361140.

Hex triplet	428bb4	`#428bb4`
RGB Decimal	66, 139, 180	`rgb(66,139,180)`
RGB Percent	25.9, 54.5, 70.6	`rgb(25.9%,54.5%,70.6%)`
CMYK	63, 23, 0, 29
HSL	201.6°, 46.3, 48.2	`hsl(201.6,46.3%,48.2%)`
HSV (or HSB)	201.6°, 63.3, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.987, -10, -28.288
XYZ	19.716, 22.917, 46.562
xyY	0.221, 0.257, 22.917
CIE-LCH	54.987, 30.003, 250.53
CIE-LUV	54.987, -29.384, -41.758
Hunter-Lab	47.872, -10.263, -24.157
Binary	01000010, 10001011, 10110100

#428bb4
```
#428bb4 rgb(66,139,180)
```
#b46b42
```
#b46b42 rgb(180,107,66)
```

Complementary Color

#42b4a4
```
#42b4a4 rgb(66,180,164)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#4252b4
```
#4252b4 rgb(66,82,180)
```

Analogous Color

#b4a442
```
#b4a442 rgb(180,164,66)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#b44252
```
#b44252 rgb(180,66,82)
```

Split Complementary Color

#8bb442
```
#8bb442 rgb(139,180,66)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#b4428b
```
#b4428b rgb(180,66,139)
```

Triadic Color

#42b46b
```
#42b46b rgb(66,180,107)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#b4428b
```
#b4428b rgb(180,66,139)
```
#b46b42
```
#b46b42 rgb(180,107,66)
```

Tetradic Color

#2d607c
```
#2d607c rgb(45,96,124)
```
#346e8f
```
#346e8f rgb(52,110,143)
```
#3b7da1
```
#3b7da1 rgb(59,125,161)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#5097bf
```
#5097bf rgb(80,151,191)
```
#63a2c6
```
#63a2c6 rgb(99,162,198)
```
#76adcd
```
#76adcd rgb(118,173,205)
```

Monochromatic Color

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

#42a8b4
```
#42a8b4 rgb(66,168,180)
```
#429eb4
```
#429eb4 rgb(66,158,180)
```
#4295b4
```
#4295b4 rgb(66,149,180)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#4282b4
```
#4282b4 rgb(66,130,180)
```
#4278b4
```
#4278b4 rgb(66,120,180)
```
#426fb4
```
#426fb4 rgb(66,111,180)
```

Similar Colors

Text with hexadecimal color #428bb4

This text has a font color of #428bb4.

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

#428bb4 background color

This paragraph has a background color of #428bb4.

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

#428bb4 border color

This element has a border color of #428bb4.

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

CSS codes

.text {color:#428bb4;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#081116
```
#081116 rgb(8,17,22)
```
#0d1c24
```
#0d1c24 rgb(13,28,36)
```
#132733
```
#132733 rgb(19,39,51)
```
#183241
```
#183241 rgb(24,50,65)
```
#1d3d50
```
#1d3d50 rgb(29,61,80)
```
#22485e
```
#22485e rgb(34,72,94)
```
#28546c
```
#28546c rgb(40,84,108)
```
#2d5f7b
```
#2d5f7b rgb(45,95,123)
```
#326a89
```
#326a89 rgb(50,106,137)
```
#377597
```
#377597 rgb(55,117,151)
```
#3d80a6
```
#3d80a6 rgb(61,128,166)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```

Shade Color Variation

#4c95bd
```
#4c95bd rgb(76,149,189)
```
#5b9dc3
```
#5b9dc3 rgb(91,157,195)
```
#69a6c8
```
#69a6c8 rgb(105,166,200)
```
#77aecd
```
#77aecd rgb(119,174,205)
```
#86b7d2
```
#86b7d2 rgb(134,183,210)
```
#94bfd8
```
#94bfd8 rgb(148,191,216)
```
#a2c8dd
```
#a2c8dd rgb(162,200,221)
```
#b1d0e2
```
#b1d0e2 rgb(177,208,226)
```
#bfd9e8
```
#bfd9e8 rgb(191,217,232)
```
#cde1ed
```
#cde1ed rgb(205,225,237)
```
#dceaf2
```
#dceaf2 rgb(220,234,242)
```
#eaf3f7
```
#eaf3f7 rgb(234,243,247)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#717e85
```
#717e85 rgb(113,126,133)
```
#68808e
```
#68808e rgb(104,128,142)
```
#5e8398
```
#5e8398 rgb(94,131,152)
```
#5586a1
```
#5586a1 rgb(85,134,161)
```
#4b88ab
```
#4b88ab rgb(75,136,171)
```
#428bb4
```
#428bb4 rgb(66,139,180)
```
#398ebd
```
#398ebd rgb(57,142,189)
```
#2f90c7
```
#2f90c7 rgb(47,144,199)
```
#2693d0
```
#2693d0 rgb(38,147,208)
```
#1c96da
```
#1c96da rgb(28,150,218)
```
#1398e3
```
#1398e3 rgb(19,152,227)
```
#099bed
```
#099bed rgb(9,155,237)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6f7d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d88b2 Protanopia 1% of men
#7788bb Deuteranopia 1% of men
#3c95a0 Tritanopia 0.001% of the population

Trichromacy

#6889b2 Protanomaly 1% of men, 0.01% of women
#6489b8 Deuteranomaly 6% of men, 0.4% of women
#3e91a7 Tritanomaly 0.01% of the population

#428bb4 hex color

#428bb4 Color Information

#428bb4 Color Conversion

Color Schemes with #428bb4

Alternatives to #428bb4

#428bb4 Preview

Shades and Tints of #428bb4

Tones of #428bb4

Color Blindness Simulator