#428fb4 hex color

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

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

● #428fb4 color description : Moderate blue.

The hexadecimal color #428fb4 has RGB values of R:66, G:143, B:180 and CMYK values of C:0.63, M:0.21, Y:0, K:0.29. Its decimal value is 4362164.

Hex triplet	428fb4	`#428fb4`
RGB Decimal	66, 143, 180	`rgb(66,143,180)`
RGB Percent	25.9, 56.1, 70.6	`rgb(25.9%,56.1%,70.6%)`
CMYK	63, 21, 0, 29
HSL	199.5°, 46.3, 48.2	`hsl(199.5,46.3%,48.2%)`
HSV (or HSB)	199.5°, 63.3, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.185, -12.24, -26.435
XYZ	20.305, 24.097, 46.759
xyY	0.223, 0.264, 24.097
CIE-LCH	56.185, 29.131, 245.154
CIE-LUV	56.185, -30.862, -38.638
Hunter-Lab	49.089, -12.069, -22.114
Binary	01000010, 10001111, 10110100

#428fb4
```
#428fb4 rgb(66,143,180)
```
#b46742
```
#b46742 rgb(180,103,66)
```

Complementary Color

#42b4a0
```
#42b4a0 rgb(66,180,160)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#4256b4
```
#4256b4 rgb(66,86,180)
```

Analogous Color

#b4a042
```
#b4a042 rgb(180,160,66)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#b44256
```
#b44256 rgb(180,66,86)
```

Split Complementary Color

#8fb442
```
#8fb442 rgb(143,180,66)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#b4428f
```
#b4428f rgb(180,66,143)
```

Triadic Color

#42b467
```
#42b467 rgb(66,180,103)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#b4428f
```
#b4428f rgb(180,66,143)
```
#b46742
```
#b46742 rgb(180,103,66)
```

Tetradic Color

#2d637c
```
#2d637c rgb(45,99,124)
```
#34718f
```
#34718f rgb(52,113,143)
```
#3b80a1
```
#3b80a1 rgb(59,128,161)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#509bbf
```
#509bbf rgb(80,155,191)
```
#63a6c6
```
#63a6c6 rgb(99,166,198)
```
#76b0cd
```
#76b0cd rgb(118,176,205)
```

Monochromatic Color

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

#42acb4
```
#42acb4 rgb(66,172,180)
```
#42a2b4
```
#42a2b4 rgb(66,162,180)
```
#4299b4
```
#4299b4 rgb(66,153,180)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#4286b4
```
#4286b4 rgb(66,134,180)
```
#427cb4
```
#427cb4 rgb(66,124,180)
```
#4273b4
```
#4273b4 rgb(66,115,180)
```

Similar Colors

Text with hexadecimal color #428fb4

This text has a font color of #428fb4.

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

#428fb4 background color

This paragraph has a background color of #428fb4.

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

#428fb4 border color

This element has a border color of #428fb4.

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

CSS codes

.text {color:#428fb4;}

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

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

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)
```
#081216
```
#081216 rgb(8,18,22)
```
#0d1d24
```
#0d1d24 rgb(13,29,36)
```
#132833
```
#132833 rgb(19,40,51)
```
#183441
```
#183441 rgb(24,52,65)
```
#1d3f50
```
#1d3f50 rgb(29,63,80)
```
#224b5e
```
#224b5e rgb(34,75,94)
```
#28566c
```
#28566c rgb(40,86,108)
```
#2d617b
```
#2d617b rgb(45,97,123)
```
#326d89
```
#326d89 rgb(50,109,137)
```
#377897
```
#377897 rgb(55,120,151)
```
#3d84a6
```
#3d84a6 rgb(61,132,166)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```

Shade Color Variation

#4c99bd
```
#4c99bd rgb(76,153,189)
```
#5ba1c3
```
#5ba1c3 rgb(91,161,195)
```
#69a9c8
```
#69a9c8 rgb(105,169,200)
```
#77b1cd
```
#77b1cd rgb(119,177,205)
```
#86bad2
```
#86bad2 rgb(134,186,210)
```
#94c2d8
```
#94c2d8 rgb(148,194,216)
```
#a2cadd
```
#a2cadd rgb(162,202,221)
```
#b1d2e2
```
#b1d2e2 rgb(177,210,226)
```
#bfdae8
```
#bfdae8 rgb(191,218,232)
```
#cde3ed
```
#cde3ed rgb(205,227,237)
```
#dcebf2
```
#dcebf2 rgb(220,235,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 #09a3ed is the most saturated one.

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#717e85
```
#717e85 rgb(113,126,133)
```
#68828e
```
#68828e rgb(104,130,142)
```
#5e8598
```
#5e8598 rgb(94,133,152)
```
#5588a1
```
#5588a1 rgb(85,136,161)
```
#4b8cab
```
#4b8cab rgb(75,140,171)
```
#428fb4
```
#428fb4 rgb(66,143,180)
```
#3992bd
```
#3992bd rgb(57,146,189)
```
#2f96c7
```
#2f96c7 rgb(47,150,199)
```
#2699d0
```
#2699d0 rgb(38,153,208)
```
#1c9cda
```
#1c9cda rgb(28,156,218)
```
#13a0e3
```
#13a0e3 rgb(19,160,227)
```
#09a3ed
```
#09a3ed rgb(9,163,237)
```

Tone Color Variation

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

Dichromacy

#828bb1 Protanopia 1% of men
#7d8bbb Deuteranopia 1% of men
#3f98a3 Tritanopia 0.001% of the population

Trichromacy

#6a8cb2 Protanomaly 1% of men, 0.01% of women
#678cb8 Deuteranomaly 6% of men, 0.4% of women
#4095a9 Tritanomaly 0.01% of the population

#428fb4 hex color

#428fb4 Color Information

#428fb4 Color Conversion

Color Schemes with #428fb4

Alternatives to #428fb4

#428fb4 Preview

Shades and Tints of #428fb4

Tones of #428fb4

Color Blindness Simulator