#42a2e5 hex color

In a RGB color space, hex #42a2e5 is composed of 25.9% red, 63.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 29.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 204.7 degrees, a saturation of 75.8% and a lightness of 57.8%. #42a2e5 color hex could be obtained by blending #84ffff with #0045cb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 64
- B 90
RGB color chart
- C 71
- M 29
- Y 0
- K 10
CMYK color chart

● #42a2e5 color description : Bright blue.

The hexadecimal color #42a2e5 has RGB values of R:66, G:162, B:229 and CMYK values of C:0.71, M:0.29, Y:0, K:0.1. Its decimal value is 4367077.

Hex triplet	42a2e5	`#42a2e5`
RGB Decimal	66, 162, 229	`rgb(66,162,229)`
RGB Percent	25.9, 63.5, 89.8	`rgb(25.9%,63.5%,89.8%)`
CMYK	71, 29, 0, 10
HSL	204.7°, 75.8, 57.8	`hsl(204.7,75.8%,57.8%)`
HSV (or HSB)	204.7°, 71.2, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.88, -6.52, -41.903
XYZ	29.307, 32.654, 78.883
xyY	0.208, 0.232, 32.654
CIE-LCH	63.88, 42.407, 261.156
CIE-LUV	63.88, -35.484, -66.002
Hunter-Lab	57.143, -8.456, -41.846
Binary	01000010, 10100010, 11100101

#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#e58542
```
#e58542 rgb(229,133,66)
```

Complementary Color

#42e5d7
```
#42e5d7 rgb(66,229,215)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#4251e5
```
#4251e5 rgb(66,81,229)
```

Analogous Color

#e5d742
```
#e5d742 rgb(229,215,66)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#e54251
```
#e54251 rgb(229,66,81)
```

Split Complementary Color

#a2e542
```
#a2e542 rgb(162,229,66)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#e542a2
```
#e542a2 rgb(229,66,162)
```

Triadic Color

#42e585
```
#42e585 rgb(66,229,133)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#e542a2
```
#e542a2 rgb(229,66,162)
```
#e58542
```
#e58542 rgb(229,133,66)
```

Tetradic Color

#1a7cc0
```
#1a7cc0 rgb(26,124,192)
```
#1e8ad6
```
#1e8ad6 rgb(30,138,214)
```
#2c97e2
```
#2c97e2 rgb(44,151,226)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#58ade8
```
#58ade8 rgb(88,173,232)
```
#6fb8eb
```
#6fb8eb rgb(111,184,235)
```
#85c3ee
```
#85c3ee rgb(133,195,238)
```

Monochromatic Color

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

#42cbe5
```
#42cbe5 rgb(66,203,229)
```
#42bde5
```
#42bde5 rgb(66,189,229)
```
#42b0e5
```
#42b0e5 rgb(66,176,229)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#4294e5
```
#4294e5 rgb(66,148,229)
```
#4287e5
```
#4287e5 rgb(66,135,229)
```
#4279e5
```
#4279e5 rgb(66,121,229)
```

Similar Colors

Text with hexadecimal color #42a2e5

This text has a font color of #42a2e5.

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

#42a2e5 background color

This paragraph has a background color of #42a2e5.

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

#42a2e5 border color

This element has a border color of #42a2e5.

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

CSS codes

.text {color:#42a2e5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020c12
```
#020c12 rgb(2,12,18)
```
#051723
```
#051723 rgb(5,23,35)
```
#072234
```
#072234 rgb(7,34,52)
```
#0a2d46
```
#0a2d46 rgb(10,45,70)
```
#0c3857
```
#0c3857 rgb(12,56,87)
```
#0e4368
```
#0e4368 rgb(14,67,104)
```
#114e79
```
#114e79 rgb(17,78,121)
```
#13598b
```
#13598b rgb(19,89,139)
```
#15659c
```
#15659c rgb(21,101,156)
```
#1870ad
```
#1870ad rgb(24,112,173)
```
#1a7bbe
```
#1a7bbe rgb(26,123,190)
```
#1d86d0
```
#1d86d0 rgb(29,134,208)
```

Shade Color Variation

#2091e0
```
#2091e0 rgb(32,145,224)
```
#319ae3
```
#319ae3 rgb(49,154,227)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#53aae7
```
#53aae7 rgb(83,170,231)
```
#64b3ea
```
#64b3ea rgb(100,179,234)
```
#76bbec
```
#76bbec rgb(118,187,236)
```
#87c4ee
```
#87c4ee rgb(135,196,238)
```
#98ccf1
```
#98ccf1 rgb(152,204,241)
```
#a9d5f3
```
#a9d5f3 rgb(169,213,243)
```
#bbddf6
```
#bbddf6 rgb(187,221,246)
```
#cce6f8
```
#cce6f8 rgb(204,230,248)
```
#ddeefa
```
#ddeefa rgb(221,238,250)
```
#eef7fd
```
#eef7fd rgb(238,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c959b is the less saturated color, while #29a6fe is the most saturated one.

#8c959b
```
#8c959b rgb(140,149,155)
```
#8496a3
```
#8496a3 rgb(132,150,163)
```
#7c98ab
```
#7c98ab rgb(124,152,171)
```
#7499b3
```
#7499b3 rgb(116,153,179)
```
#6b9bbc
```
#6b9bbc rgb(107,155,188)
```
#639cc4
```
#639cc4 rgb(99,156,196)
```
#5b9ecc
```
#5b9ecc rgb(91,158,204)
```
#539fd4
```
#539fd4 rgb(83,159,212)
```
#4aa1dd
```
#4aa1dd rgb(74,161,221)
```
#42a2e5
```
#42a2e5 rgb(66,162,229)
```
#3aa3ed
```
#3aa3ed rgb(58,163,237)
```
#31a5f6
```
#31a5f6 rgb(49,165,246)
```
#29a6fe
```
#29a6fe rgb(41,166,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e919f Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ddf Protanopia 1% of men
#799fe9 Deuteranopia 1% of men
#11afbc Tritanopia 0.001% of the population

Trichromacy

#6f9fe1 Protanomaly 1% of men, 0.01% of women
#65a0e7 Deuteranomaly 6% of men, 0.4% of women
#23aacb Tritanomaly 0.01% of the population

#42a2e5 hex color

#42a2e5 Color Information

#42a2e5 Color Conversion

Color Schemes with #42a2e5

Alternatives to #42a2e5

#42a2e5 Preview

Shades and Tints of #42a2e5

Tones of #42a2e5

Color Blindness Simulator