#428bda hex color

In a RGB color space, hex #428bda is composed of 25.9% red, 54.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 36.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 211.2 degrees, a saturation of 67.3% and a lightness of 55.7%. #428bda color hex could be obtained by blending #84ffff with #0017b5. Closest websafe color is: #3399cc.

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

● #428bda color description : Soft blue.

The hexadecimal color #428bda has RGB values of R:66, G:139, B:218 and CMYK values of C:0.7, M:0.36, Y:0, K:0.15. Its decimal value is 4361178.

Hex triplet	428bda	`#428bda`
RGB Decimal	66, 139, 218	`rgb(66,139,218)`
RGB Percent	25.9, 54.5, 85.5	`rgb(25.9%,54.5%,85.5%)`
CMYK	70, 36, 0, 15
HSL	211.2°, 67.3, 55.7	`hsl(211.2,67.3%,55.7%)`
HSV (or HSB)	211.2°, 69.7, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.766, 2.959, -47.006
XYZ	24.131, 24.684, 69.818
xyY	0.203, 0.208, 24.684
CIE-LCH	56.766, 47.099, 273.602
CIE-LUV	56.766, -28.033, -74.118
Hunter-Lab	49.683, -0.245, -48.542
Binary	01000010, 10001011, 11011010

#428bda
```
#428bda rgb(66,139,218)
```
#da9142
```
#da9142 rgb(218,145,66)
```

Complementary Color

#42d7da
```
#42d7da rgb(66,215,218)
```
#428bda
```
#428bda rgb(66,139,218)
```
#4542da
```
#4542da rgb(69,66,218)
```

Analogous Color

#d7da42
```
#d7da42 rgb(215,218,66)
```
#428bda
```
#428bda rgb(66,139,218)
```
#da4542
```
#da4542 rgb(218,69,66)
```

Split Complementary Color

#8bda42
```
#8bda42 rgb(139,218,66)
```
#428bda
```
#428bda rgb(66,139,218)
```
#da428b
```
#da428b rgb(218,66,139)
```

Triadic Color

#42da91
```
#42da91 rgb(66,218,145)
```
#428bda
```
#428bda rgb(66,139,218)
```
#da428b
```
#da428b rgb(218,66,139)
```
#da9142
```
#da9142 rgb(218,145,66)
```

Tetradic Color

#2265ae
```
#2265ae rgb(34,101,174)
```
#2671c3
```
#2671c3 rgb(38,113,195)
```
#2d7ed6
```
#2d7ed6 rgb(45,126,214)
```
#428bda
```
#428bda rgb(66,139,218)
```
#5798de
```
#5798de rgb(87,152,222)
```
#6da5e2
```
#6da5e2 rgb(109,165,226)
```
#82b2e7
```
#82b2e7 rgb(130,178,231)
```

Monochromatic Color

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

#42b1da
```
#42b1da rgb(66,177,218)
```
#42a4da
```
#42a4da rgb(66,164,218)
```
#4298da
```
#4298da rgb(66,152,218)
```
#428bda
```
#428bda rgb(66,139,218)
```
#427eda
```
#427eda rgb(66,126,218)
```
#4272da
```
#4272da rgb(66,114,218)
```
#4265da
```
#4265da rgb(66,101,218)
```

Similar Colors

Text with hexadecimal color #428bda

This text has a font color of #428bda.

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

#428bda background color

This paragraph has a background color of #428bda.

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

#428bda border color

This element has a border color of #428bda.

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

CSS codes

.text {color:#428bda;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#081829
```
#081829 rgb(8,24,41)
```
#0b2139
```
#0b2139 rgb(11,33,57)
```
#0e2b49
```
#0e2b49 rgb(14,43,73)
```
#12345a
```
#12345a rgb(18,52,90)
```
#153e6a
```
#153e6a rgb(21,62,106)
```
#18477b
```
#18477b rgb(24,71,123)
```
#1b518b
```
#1b518b rgb(27,81,139)
```
#1e5a9b
```
#1e5a9b rgb(30,90,155)
```
#2264ac
```
#2264ac rgb(34,100,172)
```
#256ebc
```
#256ebc rgb(37,110,188)
```
#2877cd
```
#2877cd rgb(40,119,205)
```

Shade Color Variation

#3281d7
```
#3281d7 rgb(50,129,215)
```
#428bda
```
#428bda rgb(66,139,218)
```
#5295dd
```
#5295dd rgb(82,149,221)
```
#639fe0
```
#639fe0 rgb(99,159,224)
```
#73a9e4
```
#73a9e4 rgb(115,169,228)
```
#84b3e7
```
#84b3e7 rgb(132,179,231)
```
#94bdea
```
#94bdea rgb(148,189,234)
```
#a4c7ed
```
#a4c7ed rgb(164,199,237)
```
#b5d1f0
```
#b5d1f0 rgb(181,209,240)
```
#c5dcf4
```
#c5dcf4 rgb(197,220,244)
```
#d6e6f7
```
#d6e6f7 rgb(214,230,247)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e94 is the less saturated color, while #1f8afd is the most saturated one.

#888e94
```
#888e94 rgb(136,142,148)
```
#7f8d9d
```
#7f8d9d rgb(127,141,157)
```
#768da6
```
#768da6 rgb(118,141,166)
```
#6d8daf
```
#6d8daf rgb(109,141,175)
```
#658cb7
```
#658cb7 rgb(101,140,183)
```
#5c8cc0
```
#5c8cc0 rgb(92,140,192)
```
#538cc9
```
#538cc9 rgb(83,140,201)
```
#4b8bd1
```
#4b8bd1 rgb(75,139,209)
```
#428bda
```
#428bda rgb(66,139,218)
```
#398be3
```
#398be3 rgb(57,139,227)
```
#318aeb
```
#318aeb rgb(49,138,235)
```
#288af4
```
#288af4 rgb(40,138,244)
```
#1f8afd
```
#1f8afd rgb(31,138,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#728190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8bd7 Protanopia 1% of men
#598edc Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5e8bd8 Protanomaly 1% of men, 0.01% of women
#518ddb Deuteranomaly 6% of men, 0.4% of women
#1895b9 Tritanomaly 0.01% of the population

#428bda hex color

#428bda Color Information

#428bda Color Conversion

Color Schemes with #428bda

Alternatives to #428bda

#428bda Preview

Shades and Tints of #428bda

Tones of #428bda

Color Blindness Simulator