#42a5e6 hex color

In a RGB color space, hex #42a5e6 is composed of 25.9% red, 64.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 28.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 203.8 degrees, a saturation of 76.6% and a lightness of 58%. #42a5e6 color hex could be obtained by blending #84ffff with #004bcd. Closest websafe color is: #3399ff.

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

● #42a5e6 color description : Bright blue.

The hexadecimal color #42a5e6 has RGB values of R:66, G:165, B:230 and CMYK values of C:0.71, M:0.28, Y:0, K:0.1. Its decimal value is 4367846.

Hex triplet	42a5e6	`#42a5e6`
RGB Decimal	66, 165, 230	`rgb(66,165,230)`
RGB Percent	25.9, 64.7, 90.2	`rgb(25.9%,64.7%,90.2%)`
CMYK	71, 28, 0, 10
HSL	203.8°, 76.6, 58	`hsl(203.8,76.6%,58%)`
HSV (or HSB)	203.8°, 71.3, 90.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.787, -7.858, -41.031
XYZ	29.981, 33.779, 79.799
xyY	0.209, 0.235, 33.779
CIE-LCH	64.787, 41.777, 259.158
CIE-LUV	64.787, -36.477, -64.515
Hunter-Lab	58.12, -9.63, -40.721
Binary	01000010, 10100101, 11100110

#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#e68342
```
#e68342 rgb(230,131,66)
```

Complementary Color

#42e6d5
```
#42e6d5 rgb(66,230,213)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#4253e6
```
#4253e6 rgb(66,83,230)
```

Analogous Color

#e6d542
```
#e6d542 rgb(230,213,66)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#e64253
```
#e64253 rgb(230,66,83)
```

Split Complementary Color

#a5e642
```
#a5e642 rgb(165,230,66)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#e642a5
```
#e642a5 rgb(230,66,165)
```

Triadic Color

#42e683
```
#42e683 rgb(66,230,131)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#e642a5
```
#e642a5 rgb(230,66,165)
```
#e68342
```
#e68342 rgb(230,131,66)
```

Tetradic Color

#1a7fc2
```
#1a7fc2 rgb(26,127,194)
```
#1d8ed8
```
#1d8ed8 rgb(29,142,216)
```
#2b9ae3
```
#2b9ae3 rgb(43,154,227)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#59b0e9
```
#59b0e9 rgb(89,176,233)
```
#6fbaec
```
#6fbaec rgb(111,186,236)
```
#86c5ef
```
#86c5ef rgb(134,197,239)
```

Monochromatic Color

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

#42cee6
```
#42cee6 rgb(66,206,230)
```
#42c0e6
```
#42c0e6 rgb(66,192,230)
```
#42b3e6
```
#42b3e6 rgb(66,179,230)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#4297e6
```
#4297e6 rgb(66,151,230)
```
#428ae6
```
#428ae6 rgb(66,138,230)
```
#427ce6
```
#427ce6 rgb(66,124,230)
```

Similar Colors

Text with hexadecimal color #42a5e6

This text has a font color of #42a5e6.

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

#42a5e6 background color

This paragraph has a background color of #42a5e6.

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

#42a5e6 border color

This element has a border color of #42a5e6.

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

CSS codes

.text {color:#42a5e6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020c13
```
#020c13 rgb(2,12,19)
```
#051824
```
#051824 rgb(5,24,36)
```
#072336
```
#072336 rgb(7,35,54)
```
#092e47
```
#092e47 rgb(9,46,71)
```
#0c3a58
```
#0c3a58 rgb(12,58,88)
```
#0e456a
```
#0e456a rgb(14,69,106)
```
#10517b
```
#10517b rgb(16,81,123)
```
#135c8c
```
#135c8c rgb(19,92,140)
```
#15679d
```
#15679d rgb(21,103,157)
```
#1773af
```
#1773af rgb(23,115,175)
```
#197ec0
```
#197ec0 rgb(25,126,192)
```
#1c89d1
```
#1c89d1 rgb(28,137,209)
```

Shade Color Variation

#1f95e1
```
#1f95e1 rgb(31,149,225)
```
#319de4
```
#319de4 rgb(49,157,228)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#53ade8
```
#53ade8 rgb(83,173,232)
```
#65b5eb
```
#65b5eb rgb(101,181,235)
```
#76beed
```
#76beed rgb(118,190,237)
```
#87c6ef
```
#87c6ef rgb(135,198,239)
```
#99cef1
```
#99cef1 rgb(153,206,241)
```
#aad6f4
```
#aad6f4 rgb(170,214,244)
```
#bbdff6
```
#bbdff6 rgb(187,223,246)
```
#cde7f8
```
#cde7f8 rgb(205,231,248)
```
#deeffb
```
#deeffb rgb(222,239,251)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

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

#8c969c
```
#8c969c rgb(140,150,156)
```
#8497a4
```
#8497a4 rgb(132,151,164)
```
#7c99ac
```
#7c99ac rgb(124,153,172)
```
#739bb5
```
#739bb5 rgb(115,155,181)
```
#6b9cbd
```
#6b9cbd rgb(107,156,189)
```
#639ec5
```
#639ec5 rgb(99,158,197)
```
#5ba0cd
```
#5ba0cd rgb(91,160,205)
```
#52a2d6
```
#52a2d6 rgb(82,162,214)
```
#4aa3de
```
#4aa3de rgb(74,163,222)
```
#42a5e6
```
#42a5e6 rgb(66,165,230)
```
#3aa7ee
```
#3aa7ee rgb(58,167,238)
```
#32a8f6
```
#32a8f6 rgb(50,168,246)
```
#29aaff
```
#29aaff rgb(41,170,255)
```

Tone Color Variation

Below, you can see how #42a5e6 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
#8093a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca0e0 Protanopia 1% of men
#7ea1ea Deuteranopia 1% of men
#16b1be Tritanopia 0.001% of the population

Trichromacy

#71a1e2 Protanomaly 1% of men, 0.01% of women
#68a2e8 Deuteranomaly 6% of men, 0.4% of women
#26adcd Tritanomaly 0.01% of the population

#42a5e6 hex color

#42a5e6 Color Information

#42a5e6 Color Conversion

Color Schemes with #42a5e6

Alternatives to #42a5e6

#42a5e6 Preview

Shades and Tints of #42a5e6

Tones of #42a5e6

Color Blindness Simulator