#428da7 hex color

In a RGB color space, hex #428da7 is composed of 25.9% red, 55.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 15.6% magenta, 0% yellow and 34.5% black. It has a hue angle of 195.4 degrees, a saturation of 43.3% and a lightness of 45.7%. #428da7 color hex could be obtained by blending #84ffff with #001b4f. Closest websafe color is: #339999.

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

● #428da7 color description : Dark moderate blue.

The hexadecimal color #428da7 has RGB values of R:66, G:141, B:167 and CMYK values of C:0.6, M:0.16, Y:0, K:0.35. Its decimal value is 4361639.

Hex triplet	428da7	`#428da7`
RGB Decimal	66, 141, 167	`rgb(66,141,167)`
RGB Percent	25.9, 55.3, 65.5	`rgb(25.9%,55.3%,65.5%)`
CMYK	60, 16, 0, 35
HSL	195.4°, 43.3, 45.7	`hsl(195.4,43.3%,45.7%)`
HSV (or HSB)	195.4°, 60.5, 65.5
Web Safe	339999	`#339999`

CIE-LAB	55.069, -15.292, -20.717
XYZ	18.745, 22.997, 40.008
xyY	0.229, 0.281, 22.997
CIE-LCH	55.069, 25.749, 233.567
CIE-LUV	55.069, -30.664, -28.968
Hunter-Lab	47.955, -14.148, -15.896
Binary	01000010, 10001101, 10100111

#428da7
```
#428da7 rgb(66,141,167)
```
#a75c42
```
#a75c42 rgb(167,92,66)
```

Complementary Color

#42a78f
```
#42a78f rgb(66,167,143)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#425ba7
```
#425ba7 rgb(66,91,167)
```

Analogous Color

#a78f42
```
#a78f42 rgb(167,143,66)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#a7425b
```
#a7425b rgb(167,66,91)
```

Split Complementary Color

#8da742
```
#8da742 rgb(141,167,66)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#a7428d
```
#a7428d rgb(167,66,141)
```

Triadic Color

#42a75c
```
#42a75c rgb(66,167,92)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#a7428d
```
#a7428d rgb(167,66,141)
```
#a75c42
```
#a75c42 rgb(167,92,66)
```

Tetradic Color

#2c5f70
```
#2c5f70 rgb(44,95,112)
```
#346e82
```
#346e82 rgb(52,110,130)
```
#3b7e95
```
#3b7e95 rgb(59,126,149)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#4b9cb8
```
#4b9cb8 rgb(75,156,184)
```
#5da6bf
```
#5da6bf rgb(93,166,191)
```
#6fb0c6
```
#6fb0c6 rgb(111,176,198)
```

Monochromatic Color

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

#42a6a7
```
#42a6a7 rgb(66,166,167)
```
#429ea7
```
#429ea7 rgb(66,158,167)
```
#4295a7
```
#4295a7 rgb(66,149,167)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#4285a7
```
#4285a7 rgb(66,133,167)
```
#427ca7
```
#427ca7 rgb(66,124,167)
```
#4274a7
```
#4274a7 rgb(66,116,167)
```

Similar Colors

Text with hexadecimal color #428da7

This text has a font color of #428da7.

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

#428da7 background color

This paragraph has a background color of #428da7.

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

#428da7 border color

This element has a border color of #428da7.

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

CSS codes

.text {color:#428da7;}

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

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0a161a
```
#0a161a rgb(10,22,26)
```
#102228
```
#102228 rgb(16,34,40)
```
#162e37
```
#162e37 rgb(22,46,55)
```
#1b3a45
```
#1b3a45 rgb(27,58,69)
```
#214653
```
#214653 rgb(33,70,83)
```
#265261
```
#265261 rgb(38,82,97)
```
#2c5e6f
```
#2c5e6f rgb(44,94,111)
```
#31697d
```
#31697d rgb(49,105,125)
```
#37758b
```
#37758b rgb(55,117,139)
```
#3c8199
```
#3c8199 rgb(60,129,153)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#4899b5
```
#4899b5 rgb(72,153,181)
```

Shade Color Variation

#55a1bc
```
#55a1bc rgb(85,161,188)
```
#63a9c1
```
#63a9c1 rgb(99,169,193)
```
#71b1c7
```
#71b1c7 rgb(113,177,199)
```
#7fb8cc
```
#7fb8cc rgb(127,184,204)
```
#8dc0d2
```
#8dc0d2 rgb(141,192,210)
```
#9bc8d7
```
#9bc8d7 rgb(155,200,215)
```
#a9d0dd
```
#a9d0dd rgb(169,208,221)
```
#b7d7e3
```
#b7d7e3 rgb(183,215,227)
```
#c5dfe8
```
#c5dfe8 rgb(197,223,232)
```
#d3e7ee
```
#d3e7ee rgb(211,231,238)
```
#e1eff3
```
#e1eff3 rgb(225,239,243)
```
#eff6f9
```
#eff6f9 rgb(239,246,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f777a is the less saturated color, while #03abe6 is the most saturated one.

#6f777a
```
#6f777a rgb(111,119,122)
```
#667c83
```
#667c83 rgb(102,124,131)
```
#5d808c
```
#5d808c rgb(93,128,140)
```
#548495
```
#548495 rgb(84,132,149)
```
#4b899e
```
#4b899e rgb(75,137,158)
```
#428da7
```
#428da7 rgb(66,141,167)
```
#3991b0
```
#3991b0 rgb(57,145,176)
```
#3096b9
```
#3096b9 rgb(48,150,185)
```
#279ac2
```
#279ac2 rgb(39,154,194)
```
#1e9ecb
```
#1e9ecb rgb(30,158,203)
```
#15a3d4
```
#15a3d4 rgb(21,163,212)
```
#0ca7dd
```
#0ca7dd rgb(12,167,221)
```
#03abe6
```
#03abe6 rgb(3,171,230)
```

Tone Color Variation

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

Dichromacy

#8389a5 Protanopia 1% of men
#8188af Deuteranopia 1% of men
#45959f Tritanopia 0.001% of the population

Trichromacy

#6b8aa5 Protanomaly 1% of men, 0.01% of women
#6a89ac Deuteranomaly 6% of men, 0.4% of women
#4492a2 Tritanomaly 0.01% of the population

#428da7 hex color

#428da7 Color Information

#428da7 Color Conversion

Color Schemes with #428da7

Alternatives to #428da7

#428da7 Preview

Shades and Tints of #428da7

Tones of #428da7

Color Blindness Simulator