#42a8da hex color

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

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

● #42a8da color description : Soft blue.

The hexadecimal color #42a8da has RGB values of R:66, G:168, B:218 and CMYK values of C:0.7, M:0.23, Y:0, K:0.15. Its decimal value is 4368602.

Hex triplet	42a8da	`#42a8da`
RGB Decimal	66, 168, 218	`rgb(66,168,218)`
RGB Percent	25.9, 65.9, 85.5	`rgb(25.9%,65.9%,85.5%)`
CMYK	70, 23, 0, 15
HSL	199.7°, 67.3, 55.7	`hsl(199.7,67.3%,55.7%)`
HSV (or HSB)	199.7°, 69.7, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.139, -13.514, -33.869
XYZ	28.901, 34.223, 71.408
xyY	0.215, 0.254, 34.223
CIE-LCH	65.139, 36.465, 248.247
CIE-LUV	65.139, -38.123, -51.802
Hunter-Lab	58.501, -14.191, -31.422
Binary	01000010, 10101000, 11011010

#42a8da
```
#42a8da rgb(66,168,218)
```
#da7442
```
#da7442 rgb(218,116,66)
```

Complementary Color

#42dac0
```
#42dac0 rgb(66,218,192)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#425cda
```
#425cda rgb(66,92,218)
```

Analogous Color

#dac042
```
#dac042 rgb(218,192,66)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#da425c
```
#da425c rgb(218,66,92)
```

Split Complementary Color

#a8da42
```
#a8da42 rgb(168,218,66)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#da42a8
```
#da42a8 rgb(218,66,168)
```

Triadic Color

#42da74
```
#42da74 rgb(66,218,116)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#da42a8
```
#da42a8 rgb(218,66,168)
```
#da7442
```
#da7442 rgb(218,116,66)
```

Tetradic Color

#2280ae
```
#2280ae rgb(34,128,174)
```
#268fc3
```
#268fc3 rgb(38,143,195)
```
#2d9ed6
```
#2d9ed6 rgb(45,158,214)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#57b2de
```
#57b2de rgb(87,178,222)
```
#6dbce2
```
#6dbce2 rgb(109,188,226)
```
#82c5e7
```
#82c5e7 rgb(130,197,231)
```

Monochromatic Color

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

#42ceda
```
#42ceda rgb(66,206,218)
```
#42c1da
```
#42c1da rgb(66,193,218)
```
#42b5da
```
#42b5da rgb(66,181,218)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#429bda
```
#429bda rgb(66,155,218)
```
#428fda
```
#428fda rgb(66,143,218)
```
#4282da
```
#4282da rgb(66,130,218)
```

Similar Colors

Text with hexadecimal color #42a8da

This text has a font color of #42a8da.

<span style="color:#42a8da;">Text here</span>

#42a8da background color

This paragraph has a background color of #42a8da.

<p style="background-color:#42a8da;">Content here</p>

#42a8da border color

This element has a border color of #42a8da.

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

CSS codes

.text {color:#42a8da;}

.background {background-color:#42a8da;}

.border {border:1px solid #42a8da;}

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

#020608
```
#020608 rgb(2,6,8)
```
#051218
```
#051218 rgb(5,18,24)
```
#081e29
```
#081e29 rgb(8,30,41)
```
#0b2a39
```
#0b2a39 rgb(11,42,57)
```
#0e3649
```
#0e3649 rgb(14,54,73)
```
#12425a
```
#12425a rgb(18,66,90)
```
#154e6a
```
#154e6a rgb(21,78,106)
```
#185a7b
```
#185a7b rgb(24,90,123)
```
#1b668b
```
#1b668b rgb(27,102,139)
```
#1e729b
```
#1e729b rgb(30,114,155)
```
#227eac
```
#227eac rgb(34,126,172)
```
#258abc
```
#258abc rgb(37,138,188)
```
#2897cd
```
#2897cd rgb(40,151,205)
```

Shade Color Variation

#32a0d7
```
#32a0d7 rgb(50,160,215)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#52b0dd
```
#52b0dd rgb(82,176,221)
```
#63b7e0
```
#63b7e0 rgb(99,183,224)
```
#73bfe4
```
#73bfe4 rgb(115,191,228)
```
#84c6e7
```
#84c6e7 rgb(132,198,231)
```
#94ceea
```
#94ceea rgb(148,206,234)
```
#a4d5ed
```
#a4d5ed rgb(164,213,237)
```
#b5ddf0
```
#b5ddf0 rgb(181,221,240)
```
#c5e4f4
```
#c5e4f4 rgb(197,228,244)
```
#d6ecf7
```
#d6ecf7 rgb(214,236,247)
```
#e6f4fa
```
#e6f4fa rgb(230,244,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#889094
```
#889094 rgb(136,144,148)
```
#7f939d
```
#7f939d rgb(127,147,157)
```
#7696a6
```
#7696a6 rgb(118,150,166)
```
#6d99af
```
#6d99af rgb(109,153,175)
```
#659cb7
```
#659cb7 rgb(101,156,183)
```
#5c9fc0
```
#5c9fc0 rgb(92,159,192)
```
#53a2c9
```
#53a2c9 rgb(83,162,201)
```
#4ba5d1
```
#4ba5d1 rgb(75,165,209)
```
#42a8da
```
#42a8da rgb(66,168,218)
```
#39abe3
```
#39abe3 rgb(57,171,227)
```
#31aeeb
```
#31aeeb rgb(49,174,235)
```
#28b1f4
```
#28b1f4 rgb(40,177,244)
```
#1fb4fd
```
#1fb4fd rgb(31,180,253)
```

Tone Color Variation

Below, you can see how #42a8da 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

#8f8f8f Achromatopsia 0.005% of the population
#80949e Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a1d4 Protanopia 1% of men
#8aa1e0 Deuteranopia 1% of men
#31b2bf Tritanopia 0.001% of the population

Trichromacy

#76a3d6 Protanomaly 1% of men, 0.01% of women
#70a3dd Deuteranomaly 6% of men, 0.4% of women
#37aec8 Tritanomaly 0.01% of the population

#42a8da hex color

#42a8da Color Information

#42a8da Color Conversion

Color Schemes with #42a8da

Alternatives to #42a8da

#42a8da Preview

Shades and Tints of #42a8da

Tones of #42a8da

Color Blindness Simulator