#42a5ee hex color

In a RGB color space, hex #42a5ee is composed of 25.9% red, 64.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 30.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 205.5 degrees, a saturation of 83.5% and a lightness of 59.6%. #42a5ee color hex could be obtained by blending #84ffff with #004bdd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 65
- B 93
RGB color chart
- C 72
- M 31
- Y 0
- K 7
CMYK color chart

● #42a5ee color description : Bright blue.

The hexadecimal color #42a5ee has RGB values of R:66, G:165, B:238 and CMYK values of C:0.72, M:0.31, Y:0, K:0.07. Its decimal value is 4367854.

Hex triplet	42a5ee	`#42a5ee`
RGB Decimal	66, 165, 238	`rgb(66,165,238)`
RGB Percent	25.9, 64.7, 93.3	`rgb(25.9%,64.7%,93.3%)`
CMYK	72, 31, 0, 7
HSL	205.5°, 83.5, 59.6	`hsl(205.5,83.5%,59.6%)`
HSV (or HSB)	205.5°, 72.3, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.152, -5.136, -44.851
XYZ	31.131, 34.239, 85.852
xyY	0.206, 0.226, 34.239
CIE-LCH	65.152, 45.144, 263.468
CIE-LUV	65.152, -36.104, -71.348
Hunter-Lab	58.514, -7.434, -46.031
Binary	01000010, 10100101, 11101110

#42a5ee
```
#42a5ee rgb(66,165,238)
```
#ee8b42
```
#ee8b42 rgb(238,139,66)
```

Complementary Color

#42eee1
```
#42eee1 rgb(66,238,225)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#424fee
```
#424fee rgb(66,79,238)
```

Analogous Color

#eee142
```
#eee142 rgb(238,225,66)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#ee424f
```
#ee424f rgb(238,66,79)
```

Split Complementary Color

#a5ee42
```
#a5ee42 rgb(165,238,66)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#ee42a5
```
#ee42a5 rgb(238,66,165)
```

Triadic Color

#42ee8b
```
#42ee8b rgb(66,238,139)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#ee42a5
```
#ee42a5 rgb(238,66,165)
```
#ee8b42
```
#ee8b42 rgb(238,139,66)
```

Tetradic Color

#1380d1
```
#1380d1 rgb(19,128,209)
```
#158ee8
```
#158ee8 rgb(21,142,232)
```
#2b9aec
```
#2b9aec rgb(43,154,236)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#59b0f0
```
#59b0f0 rgb(89,176,240)
```
#71bbf2
```
#71bbf2 rgb(113,187,242)
```
#88c6f4
```
#88c6f4 rgb(136,198,244)
```

Monochromatic Color

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

#42d0ee
```
#42d0ee rgb(66,208,238)
```
#42c2ee
```
#42c2ee rgb(66,194,238)
```
#42b3ee
```
#42b3ee rgb(66,179,238)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#4297ee
```
#4297ee rgb(66,151,238)
```
#4288ee
```
#4288ee rgb(66,136,238)
```
#427aee
```
#427aee rgb(66,122,238)
```

Similar Colors

Text with hexadecimal color #42a5ee

This text has a font color of #42a5ee.

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

#42a5ee background color

This paragraph has a background color of #42a5ee.

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

#42a5ee border color

This element has a border color of #42a5ee.

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

CSS codes

.text {color:#42a5ee;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#02111b
```
#02111b rgb(2,17,27)
```
#041c2d
```
#041c2d rgb(4,28,45)
```
#06273f
```
#06273f rgb(6,39,63)
```
#073251
```
#073251 rgb(7,50,81)
```
#093d63
```
#093d63 rgb(9,61,99)
```
#0b4875
```
#0b4875 rgb(11,72,117)
```
#0c5387
```
#0c5387 rgb(12,83,135)
```
#0e5e99
```
#0e5e99 rgb(14,94,153)
```
#0f69ab
```
#0f69ab rgb(15,105,171)
```
#1174bd
```
#1174bd rgb(17,116,189)
```
#137fcf
```
#137fcf rgb(19,127,207)
```
#148ae1
```
#148ae1 rgb(20,138,225)
```

Shade Color Variation

#1e94eb
```
#1e94eb rgb(30,148,235)
```
#309cec
```
#309cec rgb(48,156,236)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#54aef0
```
#54aef0 rgb(84,174,240)
```
#66b6f1
```
#66b6f1 rgb(102,182,241)
```
#78bff3
```
#78bff3 rgb(120,191,243)
```
#8ac7f4
```
#8ac7f4 rgb(138,199,244)
```
#9cd0f6
```
#9cd0f6 rgb(156,208,246)
```
#aed8f8
```
#aed8f8 rgb(174,216,248)
```
#c0e1f9
```
#c0e1f9 rgb(192,225,249)
```
#d2eafb
```
#d2eafb rgb(210,234,251)
```
#e4f2fd
```
#e4f2fd rgb(228,242,253)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91999f is the less saturated color, while #32a7fe is the most saturated one.

#91999f
```
#91999f rgb(145,153,159)
```
#899aa7
```
#899aa7 rgb(137,154,167)
```
#819baf
```
#819baf rgb(129,155,175)
```
#799db7
```
#799db7 rgb(121,157,183)
```
#729ebe
```
#729ebe rgb(114,158,190)
```
#6a9fc6
```
#6a9fc6 rgb(106,159,198)
```
#62a0ce
```
#62a0ce rgb(98,160,206)
```
#5aa1d6
```
#5aa1d6 rgb(90,161,214)
```
#52a3de
```
#52a3de rgb(82,163,222)
```
#4aa4e6
```
#4aa4e6 rgb(74,164,230)
```
#42a5ee
```
#42a5ee rgb(66,165,238)
```
#3aa6f6
```
#3aa6f6 rgb(58,166,246)
```
#32a7fe
```
#32a7fe rgb(50,167,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8094a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a0e8 Protanopia 1% of men
#77a2f1 Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6fa2ea Protanomaly 1% of men, 0.01% of women
#64a3f0 Deuteranomaly 6% of men, 0.4% of women
#18add0 Tritanomaly 0.01% of the population

#42a5ee hex color

#42a5ee Color Information

#42a5ee Color Conversion

Color Schemes with #42a5ee

Alternatives to #42a5ee

#42a5ee Preview

Shades and Tints of #42a5ee

Tones of #42a5ee

Color Blindness Simulator